@charset "UTF-8";
/*
Theme Name: marugoto
*/
#rental_list .color_tag {
	display:none;
}

/* = Reset
-------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}	
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,th,var{
	font-style:normal;
	font-weight:normal;
}
li{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
	font-variant:normal;
}
sup{
	vertical-align:text-top;
}
sub{
	vertical-align:text-bottom;
}
input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}

html>/**/body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;
	overflow-x:hidden;
}
* + html body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;
}


/* メイリオ
*/

/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;}
.cf:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
/*.cf {zoom:1;}*/

.clr {
	clear: both;
	line-height: 0;
	display: block;
	height: -1px;
}

/* = ALL
-------------------------------------------------------------- */
body {
	min-width: 1000px;
	text-align: left;
	font-size: 16px;
	color: #000;
	background: #ffffff;
	line-height: 1.5;
}
a {
	color: #1b1b1b;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
	text-decoration: underline;
}
img {
	max-width: 100%;
	height:auto;
}
br.pc {
	display: block;
}
img.pc {
	display: inline-block;
}
br.sp,
img.sp {
	display: none;
}
img.s_sp {
	display: none;
}
.sp {
	/*display: none;*/
}
/*3行で3点リーダー*/
.threeLineReader {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	transition: all 300ms 0s ease;
}
.text.threeLineReader {
	margin-bottom:0px;
}
[target-trigger=threeLineReader] + .btnMore{
	display:none;
}
[target-trigger=threeLineReader] + .btnMore.open{
	display:block;
}
[target-trigger=threeLineReader].threeLineReader + .btnMore{
	display:block;
}
[target-trigger=threeLineReader].threeLineReader + .btnMore a,
[target-trigger=threeLineReader] + .btnMore.open a{
	display:block;
	position:relative;
	height:20px;
	top:-10px;
}
[target-trigger=threeLineReader].threeLineReader + .btnMore a:hover{
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
}
[target-trigger=threeLineReader].threeLineReader + .btnMore a:after,
[target-trigger=threeLineReader] + .btnMore.open a:after{
	display:block;
	position:absolute;
	height:20px;
	width:100%;
	top:0;
	bottom:0;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #999999;
	border-radius:4px;
	font-size:14px;
	box-shadow:0 0 2px rgba(0,0,0,.4);
}
[target-trigger=threeLineReader].threeLineReader + .btnMore a:after{
	content:'▼続きを読む';
}
[target-trigger=threeLineReader] + .btnMore.open a:after{
	content:'▲閉じる';
}
[target-trigger=threeLineReader].threeLineReader + .btnMore a:hover:after,
[target-trigger=threeLineReader] + .btnMore.open a:hover:after{
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	background-color:#efefef;
}
.threeLineReader.noReader {
	display: unset;
	-webkit-box-orient: unset;
	-webkit-line-clamp: unset;
	overflow: unset;
}
.threeLineReader.lineClampNum1{
	-webkit-line-clamp: 1;
}
.threeLineReader.lineClampNum2{
	-webkit-line-clamp: 2;
}
.threeLineReader.lineClampNum3{
	-webkit-line-clamp: 3;
}
.threeLineReader.lineClampNum4{
	-webkit-line-clamp: 4;
}
.threeLineReader.lineClampNum5{
	-webkit-line-clamp: 5;
}
.threeLineReader.lineClampNum6{
	-webkit-line-clamp: 6;
}
.threeLineReader.lineClampNum7{
	-webkit-line-clamp: 7;
}
.threeLineReader.lineClampNum8{
	-webkit-line-clamp: 8;
}
.threeLineReader.lineClampNum9{
	-webkit-line-clamp: 9;
}
.threeLineReader.lineClampNum10{
	-webkit-line-clamp: 10;
}
.btnClampMore {
	display: block;
	width: 100%;
	margin: 0 auto;
	position:relative;
	/*background-color:rgba(0,0,0,.4);*/
	border-top:1px solid #666666;
	padding:5px;
	box-sizing:border-box;
	text-decoration:none;
	margin-top:5px;
	text-align:right;
	background: transparent;
	border: 0;
}
.btnClampMore:hover {
	text-decoration:none;
}
.btnClampMore:after {
	display: block;
	width: 100%;
	text-align: right;
	content: '続きを読む';
	color:#454545;
	padding-right:20px;
	box-sizing:border-box;
}
.btnClampMore.active:after {
	content: '閉じる';
}
.btnClampMore:before {
	content: '　';
	position:absolute;
	display:inline-block;
	width:10px;
	height:10px;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	transform:rotate(135deg);
	right:5px;
	top:6px;
	transition: all 300ms 0s ease;
}
.btnClampMore.active:before {
	transform:rotate(-45deg);
	top:12px;
}
.clampWrap.on{
	transition: all 0.4s ease-out;
}
.clampWrap.off{
	transition: all 0.4s ease-out;
}
	
/* font */
.fl {float: left;}
.fr {float: right;}
.ta_l {text-align: left;}
.ta_c {text-align: center;}
.ta_r {text-align: right;}
.lh17 {line-height: 1.7;}
.lh20 {line-height: 2;}
.f10 {font-size: 10px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f22 {font-size: 22px;}
.f25 {font-size: 25px;}
.f28 {font-size: 28px;}
.red {color: #9a0000;}
.red2 {color: #FA0000;}
.orange {color: #ff5400;}
.yellow{color:#FFF100;}
.grayA {color:#AAAAAA;}
.orenge{color: #f04c04;}
.blue{color: #002e73;}
.blue2 {color: #ff5400;}
.blue3 {color: #15a6de;}
.green {color: #1b941f;}

.bold {font-weight: bold;}
.campainPrice{
	color: #ff0000;
	display: inline-block;
	/* padding: 0 10px; */
	font-size: 18px;
	line-height: 100%;
}
.campainSiteNum{
	color: #ff0000;
	display: inline-block;
	/* padding: 0 10px; */
	font-size: 18px;
	line-height: 100%;
}
.campainIcon > span{
	display:block;
	color:#FFF005;
	padding:4px 10px 0px 10px;
	line-height:100%;
	margin:0 auto;
	margin-bottom:10px;
	position:relative;
}
.campainIcon > span:before{
	position:absolute;
	display:block;
	font-size:14px;
	background-color:#FF0000;
	border-radius:4px;
	width:100px;
	height:20px;
	padding-top:6px;
	z-index:2;
	margin:auto;
	left:0;
	right:0;
	top:-3px;
}
.campainIcon > span:after{
	position:absolute;
	display:block;
	content:'';
	width:0;
	height: 0;
	border-style: solid;
	border-width: 20px 80px 0 80px;
	margin:auto;
	left:0;
	right:0;
	bottom:-20px;
}
.campainIcon.iconNorikae > span:before{
	background-color:#0636BF;
}
.campainIcon.iconNorikae > span:before{
	content:'乗換契約なら';
	background:#0636BF;
}
.campainIcon.iconNorikae > span:before{
	position:absolute;
}
.campainIcon.iconNorikae > span:after{
	border-color: #0636BF transparent transparent transparent;
}
.campainIcon.iconChoki > span:before{
	background-color:#C0002D;
}
.campainIcon.iconChoki > span:before{
	content:'長期契約なら';
	background:#C0002D;
}
.campainIcon.iconChoki > span:after{
	border-color: #C0002D transparent transparent transparent;
}
.campainIcon.iconFukusuu > span:before{
	background-color:#2E9700;
}
.campainIcon.iconFukusuu > span:before{
	content:'複数契約なら';
	background:#2E9700;
}
.campainIcon.iconFukusuu > span:after{
	border-color: #2E9700 transparent transparent transparent;
}
.campainIcon.iconAll > span{
	color:#FFF005;
}
.campainIcon.iconAll > span:before{
	width:150px;
	height:20px;
}
.campainIcon.iconAll > span:after{
	border-width: 20px 100px 0 100px;
	top:20px;
}
.campainIcon.iconAll > span:before{
	content:'3大契約いずれかで';
	background:#ab8e00;
}
.campainIcon.iconAll > span:after{
	border-color: #ab8e00 transparent transparent transparent;
}
.campainIcon.iconWUP > span:before{
	width:150px;
	height:20px;
}
.campainIcon.iconWUP > span:after{
	border-width: 20px 100px 0 100px;
	top:20px;
}
.campainIcon.iconWUP > span:before{
	content:'Ｗアップ期間中\ \f25b';
	font-family: 'Font Awesome 5 Free';
	/*background:#00ab12;*/
	background:rgba(11, 192, 30, .25);
	padding-top:8px;
	padding-bottom:6px;
	border-top:1px solid #0bc01e;
	border-bottom:1px solid #0bc01e;
	font-family: 'Font Awesome 5 Free';
	width:100%;
	color:#069315;
	text-shadow:
		0px 0px 3px #FFF
		,0px 0px 3px #FFF
		,0px 0px 3px #FFF
		,0px 0px 3px #FFF
	;
	border-radius:0;
	margin-top:6px;
	font-size:16px;
}
.campainIcon.iconWUP > span:after{
	border-color: #00ab12 transparent transparent transparent;
	border:unset;
}
@media screen and (max-width: 640px) {
	.campainIcon.iconWUP > span:before{
		font-size:11px;
		padding-bottom:0px;
	}
}
/* icon */
.bikoIcon a{
	display: inline-block;
	font-size: 12px;
	position: relative;
	white-space:nowrap;
}
.bikoIcon a:before,
.bikoIcon a:after{
	position: absolute;
	display: block;
	font-weight: 900;
}
.bikoIcon a:before{
	font-family: "Font Awesome 5 Free";
	top:0;
	left:0;
	font-size:16px;
}
.bikoIcon a:after{
	top:5px;
	left:20px;
}
/* attention */
.bikoIcon.iconAttention a{
	color: #bf2323;
	width: 55px;
	height:16px;
}
.bikoIcon.iconAttention a:before{
	content: "\f071";
}
.bikoIcon.iconAttention a:after{
	content: "ご注意";
}
/* Campain */
.bikoIcon.iconCampain a{
	color: #bba800;
	width: 45px;
	height:16px;
}
.bikoIcon.iconCampain a:before{
	content: "\f005";
}
.bikoIcon.iconCampain a:after{
	content: "特典";
}
/* Notice */
.bikoIcon.iconNotice a{
	color: #708dab;
	width: 45px;
	height:16px;
}
.bikoIcon.iconNotice a:before{
	content: "\f249";
}
.bikoIcon.iconNotice a:after{
	content: "補足";
	left:15px;
}

/* mgn */
.mgn05 {margin-bottom: 5px;}
.mgn08 {margin-bottom: 8px;}
.mgn10 {margin-bottom: 10px;}
.mgn13 {margin-bottom: 13px;}
.mgn15 {margin-bottom: 15px;}
.mgn20 {margin-bottom: 20px;}
.mgn25 {margin-bottom: 25px;}
.mgn30 {margin-bottom: 30px;}
.mgn35 {margin-bottom: 35px;}
.mgn40 {margin-bottom: 40px;}
.mgn45 {margin-bottom: 45px;}
.mgn50 {margin-bottom: 50px;}
.mgn55 {margin-bottom: 55px;}
.mgn60 {margin-bottom: 60px;}
.mgn65 {margin-bottom: 65px;}
.mgn70 {margin-bottom: 70px;}
.mgn90 {margin-bottom: 90px;}

.fm {font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;}


.ib {display: inline-block;}
.inline{ display: inline; }
a:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
a, input[type="submit"], input[type="reset"] {
	-webkit-transition: opacity .3s, background-color .3s;
	transition: opacity .3s, background-color .3s;
	opacity: 1;
}

/* = Common
-------------------------------------------------------------- */
#container {
	max-width: 1000px;
	margin: 0 auto;
	position:relative;
}
#main {
	float: left;
	max-width: 700px;
	width: 100%;
}
.mainInner {
	max-width: 700px;
	width: 100%;
}
#bread {
	background: #e2e2e2;
	font-size: 12px;
	text-align: left;
	line-height: 25px;
	margin-bottom: 30px;
}
#main {
	max-width: 700px;
}
.inner {
	max-width: 1000px;
	margin: 0 auto;
}
.h_inner {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.h_inner h2 > div{
	position: absolute;
	z-index:1;
	left:-80px;
	top:-10px;
	transform:rotate(-8deg);
}
.h_inner h2 > picture img{
	position: relative;
	z-index:2;
	width:calc(100% - 100px);
	max-width:100%;
	height:auto;
}
@media screen and (max-width: 1000px) {
	.h_inner h2 > div{
		left:10px;
		top:30px;
		width:20%;
	}
	.h_inner h2 > picture img{
		padding-top:50px;
    	width:calc(100% - 100px);
    	padding-left:80px;
	}
}
#header_back {
	background: url(img/header_back.jpg) repeat-x center 0;
	background-color: #201d1e;
}
#header {
	background: url(img/header_center_back.jpg) no-repeat center 0;
	background-size: cover;
	text-align: center;
	padding: 14px 0 11px 0px;
}
#header h1,
.h1tel p {
	min-height: 22px;
	color: #FFFFFF;
	font-size: 12.5px;
	line-height: 14px;
	width: 375px;
	text-align: left;
}
#header h2 {
	display: inline-block;
}
.h1tel {
	float: left;
	display: block;
}
#header .contact {
	float: right;
	padding: 6px 0px 0px 0;
}
#sp_contact .conta {
	display: none;
}
#header .contact .mail {
	margin-left: 5px;
	margin-right:1px;
}
#sp_contact .mail,
#header .mail {
	border:1px solid #FFFFFF;
}
#nav {
	max-width: 1000px;
	margin: 0 auto;
}
#nav_back {
	display: block;
	width: 100%;
	background: #004e61;
}
#nav a {
	color: #ececec;
	font-size: 17px;
	text-decoration: none;
	font-weight: bold;
	padding: 20px 18px;
}
#nav li.logo,
#nav li.scrollOnly {
	display: none;
}
#nav li.top a {
	padding-left: 0px;
	padding:10px 0 10px 10px;
}
#nav ul {
	float: left;
}
#nav li {
	display: inline-block;
	font-size: 15px;
	padding: 20px 0;
}
.attentionMenu a {
	color: #FFFF00 !important;
}
/*
#back_btn {
	text-align: center;
}
*/
#back_btn {
	position:fixed;
	bottom:10px;
	right:5px;
	z-index:6;
	animation-duration: 0.5s;
	animation-name: slideOut;
}
#back_btn.positionBottom{
	bottom:-30px;
	animation-duration: 0.5s;
	animation-name: slidein;
}
@keyframes slidein {
  from {
	bottom:10px;
  }

  to {
	bottom:-30px;
  }
}
@keyframes slideOut {
  from {
	bottom:-30px;
  }

  to {
	bottom:10px;
  }
}
@media screen and (max-width:1067px) { 
	#back_btn {
		position:fixed;
		bottom:10px;
		right:5px;
		z-index:6;
		animation-duration: 0.5s;
		animation-name: slideOut;
	}
	#back_btn.positionBottom{
		bottom:-30px;
		animation-duration: 0.5s;
		animation-name: slidein;
	}
}
@keyframes slidein {
  from {
	bottom:-50px;
  }

  to {
	bottom:10px;
  }
}
@keyframes slideOut {
  from {
	bottom:-50px;
  }

  to {
	bottom:10px;
  }
}
@keyframes slideOut0 {
  from {
	bottom:-50px;
  }

  to {
	bottom:0px;
  }
}
#back_btn > div{
	border:2px solid #FFFFFF;
	border-radius:50%;
}
#footer {
	background-color: #000000;
	text-align: center;
	position: relative;
    z-index: 3;
	padding-top:10px;
}
#footer p {
	color: #bfbfbf;
	padding: 26px 10px 0;
	font-size: 14px;
}
#footer a {
	font-size: 12px;
	padding: 10px;
	text-decoration: none;
}
#footer ul {
	background: #bfbfbf;
	display:none;
}
#footer li {
	display: inline-block;
	padding: 10px 0;
}
#footer #footArea {
	max-width: 1000px;
	margin: 20px auto 0;
}
#footer #footArea .logo {
	float: left;
	display: block;
	width: auto;
}
#footer #footArea .tel {
	float: right;
	display: block;
	width:380px;
}
@media screen and (max-width:999px) { 
	#footer #footArea .tel {
		width:100%;
		margin-top:10px;
	}
}
#footer #footArea .text {
	clear: both;
	font-size: 15px;
}
#footer #footArea .search{
	font-size: 15px;
	padding: 26px 10px 0px 10px;
}
#footer #footArea .search h2,
#footer #footArea .search h3{
	color:#BFBFBF;
}
#footer #footArea .search a{
	font-size: 13px;
	color:#BFBFBF;
	border-bottom:1px solid #000000;
	padding:0;
	margin:0 4px;
	display:inline-block;
}
#footer #footArea .search a:hover{
	border-bottom:1px solid #BFBFBF;
}
#footer #footArea .area {
	font-size: 15px;
	color: #BFBFBF;
	/*padding: 26px 10px 0px 10px;*/
	padding: 10px 10px 0px 10px;
}
#footer #footArea .area span {
	display: inline-block;
	margin: 0 4px;
	font-size: 13px;
}
#footer #footArea .area span:nth-child(10n):after {
	content: "\A";
	white-space: wrap;
}
#footer .copy {
	padding: 5px 0 8px;
	margin-top: 20px;
	border-top: 1px solid #666666;
	font-size: 12px;
}
.entryData {
	margin-bottom: 20px;
	text-align: left !important;
	font-size: small !important;
	color: #999999 !important;
}

#next_btn a {
	display: inline-block;
	float: right;
}
/* = side
-------------------------------------------------------------- */
#sideWrap {
	width: 260px;
	float: right;
}
#side {
	width: 260px;



}
#side .box {
	margin-bottom: 30px;
	display: block;
}
#side .box div {
	position: relative;
}
#side .box p {
	text-align: center;
	width: 260px;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 0px;
	font-size: 13px;
	padding: 15px 0;
}
#side .box p span {
	font-size: 25px;
	font-weight: bold;
	line-height: 28px;
}
#side .title {
	font-size: 16px;
	padding: 4px 4px 4px 48px;
	margin-bottom: 10px;
}
#side .title span,
#side #pro_categories_widget-2 .widget-title span,
#side #simpletags-2 .widget-title span {
	font-weight: bold;
	background: #fff;
	display: block;
	text-align: center;
	padding: 8px 3px;
}
#side .performance .title {
	background: #2d2d2d url(img/side_performance_ai.png) no-repeat 8px center;
}
#side .popularity .title {
	background: #2d2d2d url(img/side_popularity_ai.png) no-repeat 8px center;
}
#side #pro_categories_widget-2 .widget-title,
#side #simpletags-2 .widget-title {
	background: #2d2d2d url(img/side_search_ai.png) no-repeat 8px center;
	font-size: 16px;
	padding: 4px 4px 4px 48px;
	margin-bottom: 10px;
}
#side #pro_categories_widget-2 li:nth-child(odd),
#side #simpletags-2 li:nth-child(odd) {  
  background-color: #F2F2F2;
}
#side #pro_categories_widget-2 li:nth-child(even),
#side #simpletags-2 li:nth-child(even) {  
  background-color: #fff;
}  
#side .title img {
	padding-right: 10px;
}
#side #pro_categories_widget-2 ul,
#side #simpletags-2 ul {
	margin-bottom: 25px;
}
#side #pro_categories_widget-2 ul .cat-item-1 { /*「全て」を非表示 */
	display: none;
}
#side #pro_categories_widget-2 li,
#side #simpletags-2 li {
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 14px;
	padding-left: 5px;
}
#side #simpletags-2 li .colorTag span {
	display: block;
	float: left;
	width: 14px;
	height: 14px;
	margin: 1px 5px 0 0;
	border-radius: 3px;
}
#side #tag_cloud-2 .tagcloud {
	margin-bottom: 25px;
}
#side .imgbox {
	font-size: 12px;
	display: block;	
}
#side .imgbox {
	margin-bottom: 20px;
	line-height: 20px;
}
#side .imgbox img {
	background: url(img/side_bnr_frame.png) repeat 0 0;
	padding: 2%;
	width: 96%;
}
#side .rpwe-title {
	margin-bottom: 15px;
}
#side .side_contact .box {
	padding: 23px 10px 17px;
	border: 7px solid #2d2d2d;
	border-top: none;
}
#side .side_contact .tit {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #2d2d2d;
	padding: 20px 0;
}
#side .rpwe-time {
	display: none;	
}


/* = contents Common
-------------------------------------------------------------- */
#main p {
	line-height: 28px;
}
.subtitle {
	width: 700px;
	height: 145px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 30px;
	padding: 0 0 45px 0;
	font-weight: bold;
}
.subtitle02 {
	width: 700px;
	height: 145px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 30px;
	padding: 0 0 45px 0;
}
.cont_tit {
	text-align: center;
}
.last_txt {
	margin-bottom: 120px;
}
.imgbe_txt {
	margin-bottom: 30px;
}
.imgbe_txt a {
	color: #00A2CA;
	text-decoration: underline;
}
.imgbe_txt a:hover {
	text-decoration: none;
}
.content_imgbox {
	margin-bottom: 20px;
	text-align: center;
}
.content_imgbox02 {
	margin-bottom: 80px;
	text-align: center;
}
.content_list {
	text-align: left;
	padding: 18px 16px;
	border: 9px solid #ae3333;
	background: #fff9ef;
	margin-bottom: 55px;

}
.content_list ul {
	padding: 25px 0 0 22px;
}
.content_list li {
	padding: 0 0 8px 0px;
}
.content_list li .number {
	font-size: 16px;
	font-weight: bold;
	color: #474747;
}
.content_list li.active .number {
	color: #AE3333
}
.content_list li a:visited {
	color: #029;
}
.content_list li.active a {
	color: #AE3333;
	font-weight: bold;
}
.content_list li.active a:hover {
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.hide {display:none;}








/* タグ一覧ページ */
#rental h2.page_tit {
	padding: 15px 0 10px 0;
	margin-bottom: 30px;
	color: #004E61;
	font-size: 26px;
	text-align: center;
	border-bottom: 5px solid #004E61;	
}


/* タグの表示設定 */
p.color_tag {
	line-height: 1!important;
	margin-bottom: 5px!important;
}

#side #tag_cloud-2 .tagcloud a {
	padding: 0px 2px;
	font-size: 10px !important;
	color: #FFFFFF;
	margin: 0 1px 0 0;
	white-space: nowrap;
	text-decoration: none;
	display: inline-block;
	padding: 2px 1px 0 1px;
}

.tag_red,
.tag_orange,
.tag_yellow,
.tag_green,
.tag_blue,
.tag_purple,
.tag_black,
.tag_gold,
.tag_silver,
.tag_pink,
.tag_brown,
.tag_beige,
.tag_pink,
.tag_gray,
.tag_white,
.tag_colorfull,
.rental_red,
.rental_orange,
.rental_yellow,
.rental_green,
.rental_blue,
.rental_purple,
.rental_black,
.rental_gold,
.rental_silver,
.rental_pink,
.rental_brown,
.rental_beige,
.rental_gray,
.rental_white,
.rental_kawaii,
.rental_grade,
.rental_mature,
.rental_gal,
.rental_simple,
.rental_pop,
.rental_japan,
.rental_flashy,
.rental_chick,
.rental_sawayaka,
.rental_colorfull,
a.cat_freeprice,
a.catTags {
	padding: 0px 2px;
	font-size: 11px !important;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 1px;
	white-space: nowrap;
}
a.tag_red,
a.tag_orange,
a.tag_yellow,
a.tag_green,
a.tag_blue,
a.tag_purple,
a.tag_black,
a.tag_gold,
a.tag_silver,
a.tag_pink,
a.tag_brown,
a.tag_beige,
a.tag_gray,
a.tag_white,
a.tag_colorfull,
a.rental_red,
a.rental_orange,
a.rental_yellow,
a.rental_green,
a.rental_blue,
a.rental_purple,
a.rental_black,
a.rental_gold,
a.rental_silver,
a.rental_pink,
a.rental_brown,
a.rental_beige,
a.rental_gray,
a.rental_white,
a.rental_kawaii,
a.rental_grade,
a.rental_mature,
a.rental_gal,
a.rental_simple,
a.rental_pop,
a.rental_japan,
a.rental_flashy,
a.rental_chick,
a.rental_sawayaka,
a.rental_colorfull,
p.color_tag a.cat_freeprice,
p.color_tag a.catTags {
	text-decoration: none;
	display: inline-block;
	padding: 3px 7px 2px;
	border-radius: 4px;
	margin-bottom: 3px;
}
.tag_red a,
.tag_green a,
.tag_blue a,
.tag_purple a,
.tag_black a,
.tag_pink a,
.tag_brown a,
.tag_beige a,
.tag_pink a,
.tag_white a {
	color: #FFFFFF;
}
.tag_gold a{
	color: #734811;
}
.tag_white a {
	color: 999999;
}
/*
.tag_red,
.rental_red,
.tag-link-85,
#single_page .tagList .tag_red {
	background-color: #FF0000;
	border: 1px solid #FF0000;
}
.tag_orange,
.rental_orange,
.tag-link-34,
#single_page .tagList .tag_orange {
	background-color: #FF7F00;
	border: 1px solid #FF7F00;
}
.tag_yellow,
.rental_yellow,
.tag-link-84,
#single_page .tagList .tag_yellow {
	background-color: #FFFF00;
	border: 1px solid #FFFF00;
	color: #000000 !important;
}
.tag_green,
.rental_green,
.tag-link-32,
#single_page .tagList .tag_green {
	background-color: #00B259;
	border: 1px solid #00B259;
}
.tag_blue,
.rental_blue,
.tag-link-83,
#single_page .tagList .tag_blue {
	background-color: #4DA6FF;
	border: 1px solid #4DA6FF;
}
.tag_purple,
.rental_purple,
.tag-link-30,
#single_page .tagList .tag_purple {
	background-color: #D24DFF;
	border: 1px solid #D24DFF;
}
.tag_black,
.rental_black,
.tag-link-88,
#single_page .tagList .tag_black {
	background-color: #000000;
	border: 1px solid #000000;
}
.tag_gold,
.rental_gold,
.tag-link-87,
#single_page .tagList .tag_gold {
	background-color: #FFC926;
	border: 1px solid #FFC926;
}
.tag_silver,
.rental_silver,
.tag-link-82,
#single_page .tagList .tag_silver {
	background-color: #DDDDDD;
	border: 1px solid #DDDDDD;
	color: #000000 !important;
}
.tag_pink,
.rental_pink,
.tag-link-86,
#single_page .tagList .tag_pink {
	background-color: #FF7373;
	border: 1px solid #FF7373;
}
.tag_brown,
.rental_brown,
.tag-link-37,
#single_page .tagList .tag_brown {
	background-color: #661A00;
	border: 1px solid #661A00;
}
.tag_beige,
.rental_beige,
.tag-link-38,
#single_page .tagList .tag_beige {
	background-color: #F7E3B3;
	border: 1px solid #F7E3B3;
	color: #000000 !important;
}
.tag_gray,
.rental_gray,
.tag-link-69,
#single_page .tagList .tag_gray {
	background-color: #BBBBBB;
	border: 1px solid #BBBBBB;
}
.tag_white,
.rental_white,
.tag-link-70,
#single_page .tagList .tag_white {
	background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
	color: #999999 !important;
}
.rental_kawaii,
.rental_grade,
.rental_mature,
.rental_gal,
.rental_simple,
.rental_pop,
.rental_japan,
.rental_flashy,
.rental_chick,
.rental_sawayaka {
	color: #000000 !important;
	border: 1px solid #999999;
}
.tag_colorfull,
.rental_colorfull,
.tag-link-89 {
	color: #000000 !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #007aff), color-stop(0.75, #00ffb7), color-stop(0.50, #0f0), color-stop(0.26, #ff0), color-stop(0.00, #ff943d));
	background: -webkit-linear-gradient(top, #ff943d 0%, #ff0 26%, #0f0 50%, #00ffb7 75%, #007aff 100%);
	background: -moz-linear-gradient(top, #ff943d 0%, #ff0 26%, #0f0 50%, #00ffb7 75%, #007aff 100%);
	background: -o-linear-gradient(top, #ff943d 0%, #ff0 26%, #0f0 50%, #00ffb7 75%, #007aff 100%);
	background: -ms-linear-gradient(top, #ff943d 0%, #ff0 26%, #0f0 50%, #00ffb7 75%, #007aff 100%);
	background: linear-gradient(to bottom, #ff943d 0%, #ff0 26%, #0f0 50%, #00ffb7 75%, #007aff 100%);
}
*/

p.color_tag a.catTags {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	color: #1b1b1b;
}
p.color_tag a.cat_freeprice {
	background-color: #004e61;
	border: 1px solid #999999;
	color: #FFFFFF;
}
p.color_tag a.cat_all {
	display: none;
}

#side #tag_cloud-2 .tagcloud a.tag-link-22,
a.tag_popularity {
	display: none;
}

/* =single_page
-------------------------------------------------------------- */
/* 個別ページのタグ表示用 */
#single_page .tagList {
	margin: 5px 0 10px;
}
#single_page .tagList > span:not([class^=cat_]) {
	padding: 5px 10px 5px !important;
	margin: 2px;
	line-height: 1;
	font-size: 12px !important;
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	border-radius: 4px;
	/*
	border: 1px solid #999999 !important;
	background-color: #FFFFFF;
	*/
}
#single_page .tagList > span[class^=cat_] a{
	padding: 5px 10px 5px !important;
	margin: 2px;
	line-height: 1;
	font-size: 12px !important;
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	border-radius: 4px;
}
#single_page .tagList > span[class^=cat_]:not(.cat_freeprice) a{
	background: #FFF;
}
#single_page .tagList .cat_all {
	display: none;
}
#single_page .tagList .cat_freeprice a{
	border: 1px solid #999999;
	background-color: #004e61;
}
#single_page .tagList .cat_freeprice a {
	color: #FFFFFF;
}
#single_page .tagList .tag_popularity{
	border: 1px solid #999999;
	background-color: #00A2CA;;
}
#single_page .tagList .tag_popularity a {
	color: #FFFFFF;
}

#single_page {
	width: 700px;
	text-align: center;
	margin-bottom: 20px;
	/*border-bottom: 1px dashed #aaa;*/
}
#single_page h1 {
	padding: 10px 0;
	text-align: center;
	font-size: 22px;
	color: #004E61;
	border-bottom: 1px dashed #aaa;
	font-weight: bold;
	margin-bottom: 15px;
}
#single_page h2 {
	color: #004e61;
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
}
#single_page article {
	max-width: 1000px;
	margin: 0 auto;
}
#single_page .post-thumbnail {
	margin-bottom: 30px;
}
#single_page .post-thumbnail img {
	height: auto;
}
#single_page img.alignnone {
	/* display: none; */
}
#single_page .entry-content {
	/*padding: 0 3%;*/
	margin:0 auto 50px;
	width:100%;
	max-width:800px;
}
#single_page .entry-content > p{
	text-align:left;
}
#single_page .entry-content img {
	height: auto;
	margin-bottom: 10px;
}
#single_page p {
	text-align: left;
	font-size: 16px;
}
#single_page .entry-footer {
	text-align: left;
	font-size: 14px;
	color: #aaa;
	margin-bottom: 20px;

	padding: 0 3%;
}
#single_page .entry-footer span a {
	color: #aaa;
}
#single_page .entry-footer {
	display: none;
}

/* =pagination
-------------------------------------------------------------- */
.pagination{
	list-style-type: none;
	padding-left: 0;
	margin: 30px 0;
}
.pagination,

.pagination li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.pagination a {
	font-weight: 300;
	padding-top: 1px;
	text-decoration:none;
	border: 1px solid #ddd;
	border-left-width: 0;
	min-width:35px;
	min-height:35px;
	color: #333;
}
.pagination li:not([class*="current"]) a:hover {
	background-color: #eee;
}
.pagination li:first-of-type a {
	border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
	display: inline-block;
	font-family: "font Awesome 5 Free";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	font-weight: 900;
}
.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }
.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }
.pagination li.current a {
	background-color: #ddd;
	cursor: default;
	pointer-events: none;
}
.pagination > li:first-child > a {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
.pagination > li:last-child > a {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
@media only screen and ( max-width: 640px ) {
	.pagination li a {
		font-size: 13px;
		min-width: 24px;
		min-height: 30px;
	}
	.pagination li.first,
	.pagination li.last {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.pagination li.previous a { border-left-width: 1px; }
}
/* =詳細ページのページング
-------------------------------------------------------------- */
#paging {
	margin-bottom: 20px;
}
#paging a,
#paging span {
	display: inline-block;
	min-height: 32px;
	margin: 0 4px;
	padding: 0 16px;
	border: 1px solid #ddd;
	border-radius: 6px;
	color: #333;
	text-decoration: none;
	font-size: 16px;
	line-height: 32px;
	font-weight: 300;
}
#paging a:hover {
	background-color: #eee;
}
#paging span {
	background-color: #ddd;
}


/* =footer
-------------------------------------------------------------- */
#ft_contact {
	display: none;
}
/* =再確認後削除対象
-------------------------------------------------------------- */
.linkurl {
	font-size: 14px;
	text-decoration: underline;
	background: url(img/voice_link_arrow.png) no-repeat 0 center;
	padding: 0 0 0 15px;
	text-align: left;
	display: block;
}

/* =***
-------------------------------------------------------------- */
#wp-admin-bar-slimstat-toggle-heatmap {
	display: none;
}


/* 検索ボタン非表示 */
header #buttonSearch {
	display: none;
}
/* スクロールで表示されるメニュー */
#scrollMenu {
	position: fixed;
	top: -200px;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	z-index: 10;
	background-color: #004e61;
	margin: 0px;
	padding: 10px 0;
	box-shadow: 0px 0px 5px 0px #000000;
	-moz-box-shadow: 0px 0px 5px 0px #000000;
	-webkit-box-shadow: 0px 0px 5px 0px #000000;
}
#scrollMenu ul {
	width: 1000px;
	margin: 0 auto;
}
#scrollMenu li {
	font-size: 80%;
	float: left;
	font-weight: bold;
	border: none;
	margin: 5px 10px 0px 10px;
}
#scrollMenu li.logo {
	margin: 0 20px 0 0;
}
#scrollMenu li a {
	color: #FFFFFF;
}
#scrollMenu li a img {
	box-shadow: none;
}
#scrollMenu .menu-top-menu-container {

	float: left;
}
/* カテゴリータグ */
body.home .post .post-categories {
	float: right;
	display: block;
	margin: 9px;
	margin-bottom: -15px;
}
body.home .post .post-categories li {
	float: right;
}
body.home .post .post-categories a {
	display: block;
	padding: 5px 8px 7px 8px;
	margin: 5px 0px 0px 5px;
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}
body.home .post .post-categories a:hover {
	background-color: #F58B4B;
	color: #FFFFFF;
}

/* 新着情報一覧サイドカラム */
#topNewsContents {
	width: 200px;
	max-width: calc( (100% - 1020px) / 2 );
	min-width: 100px;
	padding: 10px;
	text-align: left;
	position: fixed;
	top: 200px;
	right: 0px;
	z-index: 5;
	background-color: rgba(255,255,255,0.8);
	border-radius: 4px 0 0 4px;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
#sideNewsContents {
	margin-bottom: 15px;
}
#topNewsContents h3,
#sideNewsContents h3 {
	border-bottom: 2px solid #999999;
	color: #1e1e1e;
	font-size: 22px;
	font-weight: normal;
}
#topNewsContents ul,
#sideNewsContents ul {
	margin-bottom: 5px;
}
#topNewsContents ul li,
#sideNewsContents ul li {
	font-size: 14px;
	padding: 8px 10px 6px 10px;
	border-bottom: 1px dotted #999999;
}
#topNewsContents ul li div,
#sideNewsContents ul li div {
	font-size: 11px;
}
#topNewsContents ul li a,
#sideNewsContents ul li a {
	color: #00A2CA;
}
#topNewsContents ul li .newIcon,
#sideNewsContents ul li .newIcon {
	background-color: #D90000;
	color: #FFFFFF;
	padding: 2px 4px 0px 4px;
	font-size: 9px;
	margin-left: 3px;
	border-radius: 4px;
	white-space: nowrap;
}
#topNewsContents .readMore,
#sideNewsContents .readMore {
	text-align: right;
	font-size: 11px;
}
#topNewsContents .readMore a,
#sideNewsContents .readMore a {
	color: #00A2CA;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

/* 新着情報一覧ページ 固定ページautoUpdate*/
#news {}
#news h2.page_tit {
	padding: 15px 0;
	color: #004E61;
	font-size: 26px;
	text-align: center;
	border-bottom: 5px solid #004E61;	
}
#news .newsList {
	padding: 50px 0;
}
#news .newsList li {
	padding: 15px;
	border-bottom: 1px dotted #CCCCCC;
}

#news .newsList li .newsData {
	margin: 0 5px 5px 0;
	font-size: 11px;
}
#news .newsList li .newsData .update,
#news .newsList li .newsData .design,
#news .newsList li .newsData .function,
#news .newsList li .newsData span {
	color: #FFFFFF;
	padding: 1px 3px;
	margin: 0 1px;
}
#news .newsList li .newsData span {
	background-color: #7b7b7b;
}
#news .newsList li .newsData .update {
	background-color: #dd70c7;
}
#news .newsList li .newsData .design {
	background-color: #FF4D4D;
}
#news .newsList li .newsData .function {
	background-color: #009CD0;
}
#news .newsList li .newsData .autoupdate {
	background-color: #7e80ff;
}
#news .newsList li .newsData .autoupdate {
	background-color: #7e80ff;
}
#news .newsList li .newsData .marumane {
	background-color: #b09339;
}

#news .newsList li .newsTitle {
	border-left: 5px solid #00A2CA;
	padding-left: 6px;
	line-height: 1.2;
	margin-bottom: 10px;
	font-size: 20px;
}
#news .newsList li .newsTitle a {
	color: #00A2CA;
	text-decoration: none;
}
#news .newsList li .newsTitle a:hover {
	text-decoration: underline;
}
#news .newsList li .newsExerpt {
	font-size: 14px;
	color: #666666;
	position: relative;
	padding-bottom: 32px;
}
#news .newsList li .newsExerpt a {
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 3px 10px;
	color: #00A2CA;
	text-decoration: none;
	border-radius: 6px;
	border: 1px solid #00A2CA;
}
#news .newsList li .newsExerpt a:hover {
	color: #FFFFFF;
	background-color: #00A2CA;
}
#news .newsList li .newIcon {
	background-color: #990000;
	color: #FFFFFF;
	padding: 2px 4px 0px 4px;
	font-size: 9px;
	margin-left: 3px;
	border-radius: 4px;
	white-space: nowrap;
}

/* 「まるごとHPについて」テキストスタイル */
.designTxt1 {
	background-color: #EEEEEE;
	border-left: 5px solid #189ABA;
	padding: 5px;
	font-weight: bold;
	font-size: x-large;
	margin: 20px 0;
}
.designTxt2 {
	font-weight: bold;
	font-size: x-large;
	margin: 20px 0;
}
.designTxt3 {
	font-weight: bold;
	font-size: large;
}
.designTxt4,.designTxt4_fixing {
	color: #189ABA;
	font-weight: bold;
	font-size: x-large;
}
.designTxt5 {
	color: #189ABA;
	font-weight: bold;
	font-size: x-large;
	margin: 20px 0;
}
.designTxt6 {
	color: #9A0000;
	font-weight: bold;
}
.designTxt7 {
	font-weight: bold;
	font-size: x-large;
}
.designTxt8 {
	color: #189ABA;
	font-weight: bold;
	font-size: large;
}
.designTxt9 {
	color: #9A0000;
	font-weight: bold;
	font-size: large;

}
.designTxt10 {
	color: #9A0000;
	font-weight: bold;
	font-size: x-large;
}
.designTxt11 {
	color: #1a36a0;
	border-bottom: 1px solid #a7add3;
	font-weight: normal;
}
.designTxt12 {
	color: #1a36a0;
	font-weight: normal;
}
.designTxt13 {
	color: #1a36a0;
	font-weight: bold;
}
.designTxt14 {
	color: #189ABA;
	font-weight: bold;
	font-size: x-large;
}

.pcNone{
	display: none;
}
.pcNone400{
	display: none;
}
.pcNone550inlineBlock{
	display: none;
}
.pcNone640inlineBlock{
	display: none;
}
.pcNone640block{
	display: none;
}
.pcNone420inlineBlock{
	display: none;
}
.spNone{
	display: block;
}
.spNone640block{
	display: block;
}
.spNone640inlineBlock{
	display: inline-block;
}
.spNoneInline{
	display: inline;
}
.responsiveWrap{
	width:1024px;
	margin:0 auto;
	z-index: 5;
	position: relative;
}
.clearFix:after{
	display:block;
	content:'';
	clear:both;
}
.noLink{
	pointer-events: none;
}
.inforDiscount {
	background: #f9dcdc;
	padding: 5px;
}
.inforDiscount a{
	color:#0000ff;
	text-decoration:underline;
}
.spPlanInfor{
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	background: #FFFFFF;
	padding: 5px;
}
.simple .spPlanInfor{
	color: #6ec82b;
}
.standard .spPlanInfor{
	color: #19b5cb;
}
.marugoto .spPlanInfor{
	color: #ff9702;
}
a.arrow {
	color:#FFFFFF;
	position:absolute;
	right:5px;
	top:0;
	bottom:0;
	width:20px;
	height:20px;
	margin:auto;
	font-size:24px;
	z-index: 5;
}
a.arrow:before {
	position:absolute;
	display:block;
	content:'';
	width:30px;
	height:30px;
	border:1px solid #FFFFFF;
	border-radius:50%;
	right:-8px;
}
a.arrow:hover {
	text-decoration:none;
}
a.outSite {
	display:inline-block;
	margin-left:32px;
	padding:0px 5px;
	color:#2a7f7c;
	border-bottom:1px solid #2a7f7c;
}
a.outSite:hover {
	color:#99d5d3;
	border-bottom:1px solid #99d5d3;
	text-decoration:none;
}
.planTd,
.bikoTd{
	position: relative;
}
/*
.bikoTd a{
	color: #bf2323;
	display: inline-block;
	font-size:12px;
}
.bikoTd a > i{
	font-size:14px;
	margin-right:2px;
}
*/
.planToolTipWrap ,
.bikoToolTipWrap {
	position: absolute;
	box-sizing: border-box;
	display: block;
	bottom: 30px;
	min-width: 300px;
	max-width: 340px;
	padding: 10px;
	right: 10px;
	margin: auto;
	box-shadow: 1px 1px 5px rgba(0,0,0,.5);
}
.planToolTipWrap a ,
.bikoToolTipWrap a {
	position: absolute;
	display:block;
	content:'×';
	box-sizing: border-box;
	display: block;
	top: -16px;
	right:-10px;
	width: 30px;
	height:30px;
	padding: 5px;
	margin: auto;
	border-radius:50px;
	text-align:center;
	font-size:20px;
	line-height:90%;
	box-shadow: 1px 1px 5px rgba(0,0,0,.5);
}
_::-webkit-full-page-media, _:future, :root .planToolTipWrap a ,
_::-webkit-full-page-media, _:future, :root .bikoToolTipWrap a {
	top: -20px;
}
.planToolTipWrap a:hover ,
.bikoToolTipWrap a:hover {
	text-decoration: none;
	opacity: 1;
	color:#AAAAAA;
}

.iconAttention + .bikoToolTipWrap{
	background: #FFFFFF;
	border: 2px solid #dc5353;
	color: #dc5353;
}
.iconAttention + .bikoToolTipWrap a {
	background: #FFFFFF;
	border: 2px solid #dc5353;
	color: #dc5353;
}
.iconCampain + .bikoToolTipWrap{
	background: #FFFFFF;
	border: 2px solid #bba800;
	color: #bba800;
}
.iconCampain + .bikoToolTipWrap a {
	background: #FFFFFF;
	border: 2px solid #bba800;
	color: #bba800;
}
.iconNotice + .bikoToolTipWrap{
	background: #FFFFFF;
	border: 2px solid #708dab;
	color: #708dab;
}
.iconNotice + .bikoToolTipWrap a {
	background: #FFFFFF;
	border: 2px solid #708dab;
	color: #708dab;
}
.iconPlan1 + .bikoToolTipWrap a {
	background: #FFFFFF;
	border: 2px solid #708dab;
	color: #708dab;
}
.iconPlan1 + .bikoToolTipWrap a {
	background: #FFFFFF;
	border: 2px solid #708dab;
	color: #708dab;
}


#containerResponsiveWrap{
	width:100%;
}
#mainWrap{
	width:100%;
}
.inlineBlock{
	display: inline-block;
}
.noImage{
	/* display: none; */
}

#systemBody #bread,
#planBody #bread,
#systemautoupdateseviceBody #bread,
#flowBody #bread,
body[id^=voice] #bread,
#faqBody #bread,
#qaBody #bread{
	margin-bottom:0px;
}

#planBody section {
	margin-bottom:20px;
	display: block;
}
#planBody section#optionSystem {
	margin-bottom: 50px !important;
}
#planBody section#originalDomain,
#planBody section.foot_bnr,
#planBody section#optionFnc {
    margin-bottom: 100px !important;
}
#systemBody section,
#systemautoupdateseviceBody section,
#flowBody #mainWrap section,
body[id^=voice] #mainWrap section,
#faqBody #mainWrap section,
#qaBody #mainWrap section{
	margin-bottom:100px;
	display: block;
}
body section.sectionWrap {
	margin-bottom:0 !important;
}
.titleImage{
	width: 100%;
	height: 400px;
	position: relative;
	background-position: center center;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
#sp .titleImage{
	width: 100%;
	height: 400px;
	position: relative;
	background-position: center center;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size:cover;
}
.titleImage:before{
	display:block;
	position:absolute;
	content: '';
	width:100%;
	height: 100%;
	top:0;
	z-index: 3;
}
/* css table */
.table{
	display:table;
}
.table .tr{
	display:table-row;
}
.table .tr .th,
.table .tr .td{
	display:table-cell;
}
/* font control */
.fontRed{
	color:#d60000;
}
.fontLarge{
	font-size:140%;
}


/* 960px以上の表示 */
@media screen and (min-width: 960px) {
	/*
	body.home #content {
		width: 100%;

		margin: 0 auto;
	}
	body.home .site-content,
	body.home #conpare header .logo,
	body.home #conpare section {
		max-width: 100%;
	}
	body.home .wrapper,
	header.home hgroup,
	header.home .menu-top-menu-container {
		max-width: 95%;
	}
	body.home #secondary {
		display: none;
	}
	body.home .post .entry-header {
		padding-top: 6px;
		padding-bottom: 7px;
	}
	body.home .post .entry-title {
		font-size: 16px;
	}
	body.home .post .entry-summary {
		padding: 0px;
		margin: 12px;
	}
	*/
	/* 1カラム */
	/*
	body.home .post {
		float: left;
		max-width: 270px;
		width: 100%;
		margin: 0px 0px 10px 10px;
	}
	body.home .post .entry-images,
	body.home .post .entry-images a {
		width: 245px;
		height: 150px;
		margin-bottom: 6px;
	}
	body.home .post .entry-images a {
		display: inline-block;
		position: relative;
	}
	body.home .post .entry-images a:after {
		position: absolute;
		display: block;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(top, rgba(255, 255, 255, 0) 70%, #f1f1ef 100%);
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, #f1f1ef 100%);
		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, #f1f1ef 100%);
		background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 70%, #f1f1ef 100%);
		background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 70%, #f1f1ef 100%);
	}
	body.home .post .entry-images img {
		display: inline;
		width: 245px;
		position: absolute;
		clip: rect(0px 245px 150px 0px);
	}
	body.home .post p {
		float: none;
		margin: 0px 2em 1em 0px;
	}
	*/
	/* 2カラム */
	/*
	body.home .post.twoCol {
		max-width: 560px;
	}
	body.home .post.twoCol .entry-images,
	body.home .post.twoCol .entry-images a {
		width: 535px;
		height: 250px;
	}
	body.home .post.twoCol .entry-images img {
		width: 535px;
		clip: rect(0px 535px 250px 0px);
	}
	body.home .post.twoCol p {
	}
	*/
	/* 3カラム */
	/*
	body.home .post.threeCol {
		max-width: 850px;
	}
	body.home .post.threeCol .entry-images,
	body.home .post.threeCol .entry-images a {
		width: 550px;
		height: 350px;
	}
	body.home .post.threeCol .entry-images img {
		width: 550px;
		clip: rect(0px 550px 350px 0px);
	}
	body.home .post.threeCol p {
		float: right;
		width: 250px;
		margin-top: -5px;
	}
	*/
}


/* Anniversary banner */
/*
.anniversaryWrap {
	text-align: center;
}
*/
/* submenu and submenu arrow*/
section.subMenu.fixActive {
	position: fixed;
	display: block;
	z-index:6;
	box-shadow:0 1px 5px rgba(0,0,0,.5);
	width:100%;
	background:#FFFFFF;
}
section.subMenu {
	display:block;
	box-shadow: 0px 4px 3px rgba(0, 0, 0, .2);
}
section.subMenu ul {
	max-width: 1000px;
	margin: 5px auto;
	display:block;
	height:15px;
	padding-bottom: 15px;
}
section.subMenu.fixActive ul {
	padding-bottom: 10px;
}
section.subMenu ul li{
	float:left;
}
section.subMenu ul li:after{
	content:"|";
	display:block;
	float:right;
	font-size:12px;
	padding-top:2px;
}
section.subMenu ul li, section.subMenu ul li:after{
	/*margin-left:15px;*/
	margin-left:8px;
}
section.subMenu ul li:first-child{
	margin-left:0px;
}
section.subMenu ul li:last-child:after{
	content:"";
	margin-left:0px;
}
#nav li.subMenuArrow{
	position:relative;
}
#nav li.subMenuArrow.active:after{
	display:block;
	content:"▲";
	text-align:center;
	color:#FFFFFF;
	position:absolute;
	width:10px;
	margin:auto;
	left:0;
	right:0;
	bottom:-10px;
}
section.subMenu a {
	color: #313131;
	font-size: 90%;
	letter-spacing: 1.2px;
	text-decoration: none;
	/*padding:2px 10px;*/
	padding:2px 5px;
}
section.subMenu a:hover {
	background-color:#014e61;
	border-radius:4px;
	color:#ffffff;
}
#scrollMenu li.subMenuArrow.active:after{
	display:none;
}
@media screen and (max-width: 999px) {
	#nav li.subMenuArrow.active:after { display: none; }
	section.subMenu{ display: none; }
}
#nav_back li.active a ,#scrollMenu li.active a {
	color: #FFFF00 !important;
}
/* ※li class=attentionMenu = 強制黄色 */

/* sp layout overwrite */
@media screen and (max-width: 999px) {
	.designTxt4, .designTxt10 {
		font-size:17px;
	}
}
@media screen and (max-width: 680px) {
	.designTxt4, .designTxt10 {
		font-size:14px;
	}
}

/* common plus
----------------------------------------------*/
/**
 デバイス改行指定
 */
/* スマホサイズのみ改行 */
.spbr{
	display:none;
}
@media screen and (max-width:767px) { 
	.spbr{
 		display:block;
	}
}
/* override */
@media screen and (max-width:950px) { 
	#contents01 .spbr{
 		display:block;
	}
}

/**
 page title h2
 ページタイトルテキスト用（共通）
 */
.cont_tit .titleText{
	margin-bottom: 20px;
	line-height: 120%;
	text-align: center;
	background-image:url(/wp-content/themes/marugoto/img/about_pagetitle_bg.gif);
	background-position:center left -13px;
	border-top:5px solid #000000;
	border-bottom:5px solid #000000;
	padding-top:35px;
	padding-bottom:35px;
	font-size:38px;
	font-weight:900;
	letter-spacing:-3px;
	font-family: -apple-system, blinkMacSystemFont,
		'Hiragino Kaku Gothic ProN',
		'Helvetica Neue',
		'Meiryo', "メイリオ",
		'Segoe UI',
		sans-serif;
	text-shadow:
		1px 2px 2px #FFF,
		-2px 2px 2px #FFF,
		2px -2px 2px #FFF,
		-2px -2px 2px #FFF,
		2px 2px 4px rgba(0,0,0,.8);
}
.cont_tit .titleText strong{
	color:#014D64;
}
/* override */
#contents01 .cont_tit .titleText{
	font-size:42px;
}
#contents03 .cont_tit .titleText, #contents06 .cont_tit .titleText{
	font-size:34px;
}
#contents_PCIDSS .cont_tit .titleText{
	line-height:110%;
}
#contents_PCIDSS .cont_tit .titleText small{
	letter-spacing: -1px;
	line-height:110%;
	display:inline-block;
}
@media screen and (max-width:700px) { 
	#contents01 .cont_tit .titleText, .cont_tit .titleText{
		font-size:5.6vw;
	}
	#contents03 .cont_tit .titleText, #contents06 .cont_tit .titleText{
		font-size:4.8vw;
	}
}
[id^="notification"] .cont_tit .titleText strong{
	color:#E51C75;
}
#flow .cont_tit .titleText{
	color:#000000;
}
#faq .cont_tit .titleText strong {
	color: #308b3e;
}
#system .cont_tit .titleText strong {
	color: #e32678;
}
/* 目次 */
#main .cont_tit [id$="Index"] .inner{
	text-align:left;
}
/* 機能一覧セレクト */
/*
#systemSelected li{
	background-color:#022e71;
	width:250px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:130%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	position:relative;
}
#systemSelected li:after {
	content:'';
	position:absolute;
	border-right: 50px solid transparent;
	border-bottom: 50px solid #022e71;
	left:260px;
	bottom:0;
}
#systemSelected li h3{
	font-weight:bold;
}
*/

/* content_list2  */
.content_list2 {
	text-align: center;
	padding: 18px 16px;
	border: 9px solid #189aba;
	background: #fff;
	margin-bottom: 55px;
	box-shadow:2px 2px 2px #999db8;
	border-image: linear-gradient(to bottom, #189aba 0%, #0a4572 100%);
	border-image-slice: 1;
}
.content_list2 ul {
	padding: 25px 0 0 22px;
	text-align:left;
}
.content_list2 li {
	padding: 0 0 11px 0px;
}
.content_list2 li .number {
	font-size: 16px;
	font-weight: bold;
	color: #474747;
	margin-right: 10px;
	float:;
}
.content_list2 li.active .number {
	color: #189aba;
}
.content_list2 li a:visited {
	color: #189aba;
}
.content_list2 li.active a {
	color: #189aba;
	font-weight: bold;
	/*border-bottom: 1px solid #189aba;*/
	text-decoration:underline;
}
.content_list2 li.active a:hover {
	/*text-decoration: none;*/
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.content_list2 br{display:none;}
@media screen and (max-width: 680px) {
	.content_list2 br{
		display:block;
	}
	.content_list2 ul{
		padding: 25px 0 0 0;
		font-size: 13px;
	}
}

.designTxt11 {
	color: #1a36a0;
	border-bottom: 1px solid #a7add3;
	font-weight: normal;
}
.designTxt12 {
	color: #1a36a0;
	font-weight: normal;
}
.designTxt13 {
	color: #1a36a0;
	font-weight: bold;
}
#top_main .sec03 .txt03 {
	text-align: left;
	font-size: 17px;
	line-height: 1.9;
	font-weight: normal;
}

h2.banner_result{
	margin-top:40px;
	padding-bottom:40px;
}
img.sp-block{
	display:none;
}
@media screen and (max-width: 980px) {
	.pcmonitor{
		width:30%;
	}
	br.tb-none{
		display:none;
	}
}
@media screen and (max-width: 680px) {
	.pcmonitor{
		display:none;
	}
	img.sp-none{
		display:none;
	}
	img.sp-block{
		display:block;
	}
}
#top_main .sec03 .t_txt {
	margin: 0px 0;
}

/***
 * promotion footer
 */
#promotion {
	display:none;
	position:fixed;
	bottom:0;
	width:100%;
	background-color: #465e00;
	text-align: center;
	z-index:5;
}
#promotion a:hover {
	opacity: 0.6;
	text-decoration: none;
}
#promotion .logo, #promotion div {
	margin: 8px;
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
}
#promotion .logo {
	width: 180px;
}
#promotion .text {
	font-size: 14px;
	margin: 0 10px;
}
#promotion .button {
	padding: 2px 7px;
	font-size: 12px;
	border: 2px solid #ffffff;
	font-weight: bold;
}


/*
a.toOutSite {
	display:inline-block;
	margin:0 auto;
	margin-bottom:50px;
	background-image:url(/wp-content/uploads/index_rankingBtn.png);
	width:811px;
	height:84px;
	text-indent:-9999px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
*/

 /* setting parts */
.cat-item-179{
	display:none;
}
.cat-item-180{
	display:none;
}
.cat-item-181{
	display:none;
}
.cat-item-182{
	/*display:none !important;*/
}
.cat_nooutput{
	display:none !important;
}
.cat_nooutpu2{
	display:none !important;
}
.cat_nooutput-2{
	display:none !important;
}
.cat_esthe{
	/*display:none !important;*/
}
/***banner*******************/

.foot_bnr{
	margin-bottom:100px;
}
.foot_bnr .responsiveWrap{
	width:95%;
}
.flexWrap{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: center;
}
.foot_bnr .bnr{
	width: 45%;
	position:relative;
}
.foot_bnr .bnr:nth-child(1){
	margin-right:25px;
}
.foot_bnr .bnr:nth-child(2){
	margin-left:25px;
}
.foot_bnr .bnr .btn{
	position:absolute;
	display:block;
	bottom:15px;
	width: 100%;
	right:5%;
	height: 100%;
	top: 0;
	left: 0;
}
.foot_bnr .bnr .btn img{
	width:42%;
	position:absolute;
	bottom:15px;
	right:28px;
}
@media screen and (max-width:750px) { 
	.foot_bnr .bnr{
		width:100%;
		margin-bottom:10px;
	}
	.foot_bnr .bnr:nth-child(1){
		margin-right:0px;
		margin-bottom:30px;
	}
	.foot_bnr .bnr:nth-child(2){
		margin-left:0px;
	}
	.foot_bnr h3{
		width:100%;
	}
	.foot_bnr h3 img{
		width:100%;
    }
    #footer .flexWrap >div{
    	width:100%;
    	margin-bottom:10px;
    }
}
/* counter */
.counter {
	counter-reset: number 0;
}
.counter .number{
	position:relative;
	display: inline-block;
}
.counter .number:before{
	counter-increment: number 1;
	content: "Lesson "counter(number);
	color:#2ea4c0;
	border:1px solid #2ea4c0;
	line-height:100%;
	padding:4px 5px 3px 20px;
	display:block;
	width:110px;
	box-sizing:border-box;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-0.8px;
}
.counter .number:after{
	display:block;
	position:absolute;
	font-family: "Font Awesome 5 Free";
	font-weight:400;
	content: "\f0c8";
	width:14px;
	height:14px;
	color:#2ea4c0;
	top:1px;
	left:5px;
	font-size:15px;
}
.counter .active .number:before{
	color:#FFFFFF;
	background-color:#2ea4c0;
}
.counter .active .number:after{
	content: "\f14a";
	color:#ffffff;
}
.counter .number br{
	display:none;
}
.counter .active a:nth-child(1) {
	border-bottom: 0px solid #189aba;
}
.counter .active a:nth-child(1):hover {
	opacity:.8;
}

@media screen and (max-width:1050px) { 
	.responsiveWrap {
		width:95%;
	}
	.pcNone{
		display: block;
	}
	.spNone{
		display: none;
	}
	.spNoneInline{
		display: none;
	}
	.pcNone10500inlineBlock{
		display:inline-block;
	}
}

@media screen and (max-width:999px) { 
	.counter .number br{
		display:none;
	}
	body{
		min-width: 100%;
		width: 100%;
		font-size: 16px;
	}
	/* =all
	-------------------------------------------------------------- */
	br.pc,
	img.pc {
		display: inline-block;
	}
	br.sp {
		display: none;
	}
	img.sp {
		display: none;
	}
	img.s_sp {
		display: inline-block;
	}
	.inner {
		padding: 0 3%;
	}
	
	/* =Common top
	-------------------------------------------------------------- */
	.pcNone{
		display: inline-block;
	}
	.tbNone{
		display: none;
	}
	#container .main {
		float: none;
	}
	#header {
		padding: 14px 3% 10px;
		position: relative;
		z-index: 100;
	}
	#scrollMenu {
		display:none;
	}
	
	#nav_back.active {
		display: block;
	}
	#header .toplogo {
		float: left;
	}
	#menu_btn {
		width: 10%;
		max-width: 50px;
		position: absolute;
		top: 0px;
		bottom: 0px;
		right: 3%;
		margin: auto;
	}
	#nav_back {
		display: none;
		width: 100%;
		background: #004e61;
		position: fixed;
		top: 80px;
		z-index: 100;
	}
	#header .contact  {
		display: none;
	}
	#footer a {
		padding-top: 10px;
	}
	#footer #footArea .logo {
		float: none;
		margin-right: 2px;
		padding-top:10px;
	}
	#footer #footArea .tel {
		float: none;
		margin-left: 2px;
	}
	#sp_contact {
		float: none;
		background: #000;
		padding-top: 71px;
	}
	.conta.cf {
		margin: 0 auto;
		width:700px;
	}
	.conta.cf >div{
		margin-right:10px;
	}
	#sp_contact .conta {
		padding: 24px 3% 15px;
		display: block;
	}
	#sp_contact .call {
		float: left;
		display: block;
	}
	#sp_contact .mail {
		float: right;
		display: block;
	}
	#nav ul {
		float: none;
		margin: 0 auto;
		width: 680px;
		display:flex;
		flex-wrap:wrap;
	}
	#nav a {
		width: 220px;
		padding: 0px;
		display: block;
		text-align: center;
	}
	#nav li.top a {
		padding: 0px;
	}
	#nav li.scrollOnly{
		width:100%;
		display:block;
	}
	#sideWrap {
		width: 700px;
		max-width: 700px;
		float: none;
		margin: 0 auto;
	}
	#side {
		width: 700px;
		max-width: 700px;
	}
	#side .box div {
		display: inline-block;
		float: left;
	}
	#side .side_box .box {
		margin: 0 auto 10px auto;
		width: 50%;
	}
	#side .side_box {
		text-align: center;
		margin-bottom: 30px;
	}
	#side .side_top {
		margin: 0 auto;
		margin-bottom: 30px;
	}
	#side .search {
		max-width: 100%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	#side .search li {
		font-size: 14px;
		float: left;
		display: inline-block;
		padding: 0 20px 15px 0;
	}
	#side .performance {
		float: left;
		width: 100%;
	}
	#side .popularity {
		float: left;
		width: 100%;
	}
	#side .side_contact {
		max-width: 260px;
		margin: 0 auto;
		margin-bottom: 55px;
	}
	#side .side_contact .tit {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		color: #fff;
		padding: 20px 0;
	}
	#main {
		float: none;
		max-width: 700px;
		margin: 0 auto;
	}
	#single_page {
		width: 100%;
	}
	.mainInner {
		max-width: 100%;
		width: 100%;
	}
	#single_page h1 {
		padding: 10px 3%;
		font-size: 18px;
	}
	#topNewsContents {
		width: 100%;
		min-width: auto;
		max-width: none;
		padding: 10px;
		box-sizing: border-box;
		margin-bottom: 0px;
		text-align: left;
		position: relative;
		top: auto;
		left: auto;
		background-color: #2e2e2e;
		border-radius: 0;
		animation: none;
		-webkit-animation: none;
	}
	#topNewsContents h3{
		border-bottom: 2px solid #00A2CA;
		color: #FFFF;
		font-size: 22px;
		font-weight: normal;
	}
	#topNewsContents ul li div{
		color:#43cef1;
	}
	#topNewsContents ul li a{
		color:#FFFFFF;
	}
	#topNewsContents ul li a:hover{
		color:#43cef1;
		text-decoration:none;
	}
	#topNewsContents ul li .newIcon{
		background-color: #01a2ca;
	}
	#topNewsContents .readMore{
		height:30px;
	}
	#topNewsContents .readMore a{
		color: #00A2CA;
		background-color:#FFFFFF;
		border-radius:50px;
		padding:5px 10px;
		margin-top:5px;
		display:inline-block;
	}
	#header_back {
		width: 100%;
		position: fixed;
		z-index: 100;
		min-height: 80px;
		background-color: #000000;
	}
	
	.layer {
		position: fixed;
		top: 0;
		z-index: 80;
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0) !important;
	}
}
@media screen and (max-width: 680px) {
	html{
		width: 100%;
	}
	body{
		min-width: 100%;
		width: 100%;
		font-size: 16px;
	}
	html,
	body{
		overflow-x: hidden;
	}
	/* =all
	-------------------------------------------------------------- */
	br.pc,
	img.pc {
		display: none;
	}
	br.sp {
		display: block;
	}
	img.sp {
		display: inline-block;
	}
	img.s_sp {
		display: inline-block;
	}
	
	/* =Common
	-------------------------------------------------------------- */
	.pcNone{
		display: inline-block;
	}
	.tbNone{
		display: inline-block;
	}
	.spNone{
		display: none;
	}
	a.arrow {
		font-size: 20px;
	}
	a.arrow:before {
		right:-6px;
	}
	#header {
		margin: 0 auto;
		padding: 5px 10px;
		text-align:left;
	}
	#header_back {
		min-height: 54px;
	}
	
	#header .toplogo {
		height: 44px;
		width: auto;
	}
	#menu_btn {
		width: auto;
		height: 35px;
		position: absolute;
		top: 0px;
		bottom: 0px;
		right: 10px;
		margin: auto;
	}
	
	#bread .inner {
		padding:0 3%;
	}
	#header .contact  {
		display: none;
	}
	#sp_contact .conta {
		padding: 5px 10px 10px 10px;
		text-align: center;
	}
	
	#sp_contact .h1tel {
		float: none;
		display: inline-block;
		margin: 0;
		margin-bottom: 10px;
	}
	#sp_contact .h1tel p {
		font-size: 11px;
	}
	#sp_contact .mail {
		float: none;
		margin: 0 auto;
		display: block;
		max-width: 266px;
		width: 90%;
	}
	#sp_contact {
		position: relative;
		/*padding-top: 54px;*/
		padding-top: 34px;
	}
	.conta.cf {
		text-align:center;
		width:auto;
	}
	.conta.cf > div.h1tel{
		float:none;
		width: 340px;
		min-width:340px;
		margin:0 auto;
		padding-top:27px;
	}
	#nav_back {
		display: none;
		/*width: 100%;*/
		width: 50%;
		background: #004e61;
		position: fixed;
		z-index: 100;
		top: 54px;
		right:0;
	}
	#nav ul {
		float: none;
		margin: 0 auto;
		width: auto;
		display:block;
	}
	#nav li {
		text-align: left;
		display: block;
		padding: 0px;
		background : -webkit-gradient(linear, left top, left bottom, from(#005469), to(#004252));
		background : -webkit-linear-gradient(top, #005469, #004252);
		background: linear-gradient(to bottom, #005469, #004252);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#005469', endColorstr='#004252', GradientType=0)";
	}
	#nav li.last {
		border-bottom: none;
	}
	#nav li.top a {
		padding: 10px 0 10px 10px;
	}
	#nav a {
		padding: 10px 0 10px 10px;
		text-align: left;
		width: auto;
		display: block;
		text-align: center;
	}
	#nav .frst a {
		padding: 10px 0 10px 10px;
	}
	#next_btn {
		text-align: center;
	}
	#footer li {
		display: block;
		padding: 0px;
		text-align: left;
	}
	#footer a {
		display: block;
		font-size: 16px;
	}
	#footer p {
		padding: 15px 12px;
	}
	#footer #footArea .text,
	#footer #footArea .search,
	#footer #footArea .area {
		text-align: left;
	}
	#footer #footArea .text span {
		display: inline-block;
	}
	#footer #footArea .search a,
	#footer #footArea .area span {
		margin: 0 4px 0 0;
	}

	/* =contents05
	-------------------------------------------------------------- */
	#main p {
		line-height: 26px;
		font-size: 14px;
	}
	.last_txt {
		margin-bottom: 60px;
	}
	.inner {
		padding: 0 3%;
	}
	#about .tit01 .imgbe_txt,
	#domain .cont_tit,
	#contents02 .subText ,
	#contents04 .subText ,
	#contents05 .cont_tit ,
	#contents06 .subText ,
	#contents07 .subText ,
	#contents08 .subText ,
	#contents09 .subText ,
	#contents10 .subText ,
	#contents11 .subText ,
	#contents_SSL .subText {
		text-align: left;
	}
	#about .tit01 .imgbe_txt br{
		display:none;
	}
	.subtitle {
		width: auto;
		height: auto;
		display: block;
		text-align: center;
		color: #fff;
		font-size: 16px;
		padding: 7% 0 15% 0;
	}
	.subtitle02 {
		width: auto;
		height: auto;
		display: block;
		text-align: center;
		color: #fff;
		font-size: 16px;
		padding: 2% 0 20% 0;
	}

	#header h1, .h1tel p {
		width: 346px;
	}

	#back_btn {
		position:fixed;
		bottom:10px;
		right:5px;
		z-index:11;
		animation-duration: 0.5s;
		animation-name: slideOut;
	}
	#back_btn.positionBottom{
		bottom:-30px;
		animation-duration: 0.5s;
		animation-name: slidein;
	}
	@keyframes slidein {
	  from {
		bottom:-50px;
	  }
	
	  to {
		bottom:10px;
	  }
	}
	@keyframes slideOut {
	  from {
		bottom:-50px;
	  }
	
	  to {
		bottom:10px;
	  }
	}
	#sideWrap {
		max-width: 100%;
		width: 100%;
		padding: 0 3%;
		float: none;
		box-sizing: border-box;
	}
	#side {
		max-width: 100%;
	}
	/* 20201221 組み込み
	#side .side_box .box {
		width: 100%;
	}
	*/
	#side .box img {
		width: 100%;
	}
	#side a.box_pad {
		padding-right: 2%;
	}
	#side .box p {
		padding:10px 0;
		font-size: 10px;
	}
	#side .box p span {
		font-size: 18px;
	}
	#side .imgbox img {
		width: 96%;
		padding: 2%;
	}
	#side .box_pad div {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	#side a.box_pad {
		padding-right: 0px;
	}
	#side .side_top {
		width: auto;
	}
	#side .title,
	#side #pro_categories_widget-2 .widget-title,
	#side #simpletags-2 .widget-title {
		font-size: 12px;
	}
	#top_main div.parallax {
		background-attachment: initial;
	}
	#side .title {
		font-size: 16px;
		padding: 3px 3px 3px 26px;
		margin-bottom: 20px;
	}
	#side .title span,
	#side #pro_categories_widget-2 .widget-title span,
	#side #simpletags-2 .widget-title span {
		background: #fff;
		display: block;
		text-align: center;
		padding: 8px 3px;
	}
	#side .performance .title {
		background: #2d2d2d url(img/side_performance_ai.png) no-repeat 3px center;
		background-size: 20px;
	}
	#side .popularity .title {
		background: #2d2d2d url(img/side_popularity_ai.png) no-repeat 3px center;
		background-size: 20px;
	}
	#side #pro_categories_widget-2 .widget-title,
	#side #simpletags-2 .widget-title {
		background: #2d2d2d url(img/side_search_ai.png) no-repeat 3px center;
		background-size: 20px;
		font-size: 16px;
		padding: 3px 3px 3px 26px;
		margin-bottom: 20px;
	}

}
@media screen and (max-width:640px) { 
	.pcNone640inlineBlock{
		display: inline-block;
	}
	.pcNone640block{
		display: block;
	}
	.spNone640block{
		display: none;
	}
	.spNone640inlineBlock{
		display: none;
	}

	.spPlanInfor{
		font-size:11px;
	}
}
@media screen and (max-width:550px) { 
	.pcNone550inlineBlock{
		display: inline-block;
	}
	.spNone550inlineBlock{
		display: none;
	}
}
@media screen and (max-width:420px) { 
	.pcNone420inlineBlock{
		display: inline-block;
	}
}

.clearBoth{
	position:relative;
}
.clearBoth:after{
	display:block;
	content:'';
	clear:both;
}
/*-- ogp -----------------------------------------------------------------*/
section.ogpLinkWrap{
	margin-bottom:0px;
	background-color:rgba(0,0,0,.4);
	padding:10px;
	line-height:100%;
	bottom:0;
	width:100%;
	position:relative;
	box-sizing:border-box;
}
section.ogpLinkWrap > article{
	display: flex;
	font-size:20px;
	text-align:center;
	flex-wrap:wrap;
	justify-content:left;
	position:absolute;
	right:40px;
	top:-40px;
}
@media screen and (max-width:999px) { 
	section.ogpLinkWrap{
		position:static;
	}
	section.ogpLinkWrap > article{
		justify-content: center;
		position:static;
	}
}
section.ogpLinkWrap > article h3{
	position:relative;
}
section.ogpLinkWrap > article h3 span:first-child{
	display:none;
}
section.ogpLinkWrap > article h3 span:last-child{
	display:inline-block;
}
section.ogpLinkWrap > article h3:before{
	position:absolute;
	display:block;
	bottom:0;
	margin:auto;
	width:30px;
	height:1px;
}
section.ogpLinkWrap > article > div{
	margin:0px 10px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
}
section.ogpLinkWrap > article > div a:hover{
	text-decoration:none;
}
#footer section.ogpLinkWrap > article > div > a{
	padding:0px;
}
section.ogpLinkWrap > article > div > a > i{
	color:#FFFFFF;
	border-radius:100px;
	vertical-align:middle;
	line-height:200%;
}
section.ogpLinkWrap > article > div.twitter:hover{
	border:3px solid rgba(30, 155, 236, .5);
}
section.ogpLinkWrap > article > div.twitter i{
	background-color:#1E9BEC;
	font-size:10px;
}
section.ogpLinkWrap > article > div.facebook:hover{
	border:3px solid rgba(26, 120, 241, .5);
}
section.ogpLinkWrap > article > div.facebook i{
	background-color:#1A78F1;
	font-size: 14px;
	line-height: 180%;
}
section.ogpLinkWrap > article > div.line{
	display:none;
}
section.ogpLinkWrap > article h3{
	width:100px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
	margin-left: -5px;
	vertical-align:middle;
}
section.ogpLinkWrap > article h3:before{
	content:'▼';
	transform:rotate(90deg);
	border-top:0px;
	left:10px;
	top: 0px;
	vertical-align:middle;
}
@media screen and (max-width:680px) { 
	body.sp section.ogpLinkWrap > article > div.line{
		display:block;
	}
}
section.ogpLinkWrap > article > div.twitter,
section.ogpLinkWrap > article > div.facebook,
section.ogpLinkWrap > article > div.line{
	margin:0px 0px 0px 0px;
	padding:0px;
}
section.ogpLinkWrap > article > div.twitter:hover,
section.ogpLinkWrap > article > div.facebook:hover{
	border:0px solid rgba(255, 255, 255, .0);
}
section.ogpLinkWrap > article > div i + span{
	display:none;
}
section.ogpLinkWrap > article > div.twitter{
	order:1;
}
section.ogpLinkWrap > article > div.facebook{
	order:2;
}
section.ogpLinkWrap > article > div.line{
	order:3;
}
section.ogpLinkWrap > article > div.subTitle{
	order:4;
	width:auto;
	margin-left:0px;
	padding-top:10px;
}
section.ogpLinkWrap > article > div > a > i{
	margin-right:5px;
	width:40px;
	height:40px;
	line-height:200%;
}
section.ogpLinkWrap > article > div.twitter i,
section.ogpLinkWrap > article > div.facebook i,
section.ogpLinkWrap > article > div.line i{
	font-size:18px;
	line-height:220%;
}
section.ogpLinkWrap > article > div.facebook i{
	font-size:22px;
	line-height:200%;
}
svg.lineIcon {
	width:40px;
	height:40px;
}
svg.lineIcon + span{
	display:none;
}



/* Attachment Css ----------------------------------------------------------------------/
/**
 * 01.波（輪）
 * 02.STEPバー
 * 03.FLASH
 * 04.背景シンプルアニメーション
 * 05.Lineアニメーション
 */
/* 01.波（輪） */
.waveCircle {
	width: 100%;
	background-color:#FFFFFF;
	border: 2px solid #CCCCCC;
}
.waveCircle.comment1 {
	animation: wave1 4s linear infinite; /* 5秒アニメーションをループ */
}
.waveCircle.comment2 {
	animation: wave2 3s linear infinite; /* 5秒アニメーションをループ */
}
.waveCircle.comment3 {
	animation: wave3 6s linear infinite; /* 5秒アニメーションをループ */
}
.waveCircle.comment4 {
	animation: wave1 6s linear infinite; /* 5秒アニメーションをループ */
}
.waveCircle.comment5 {
	animation: wave3 3s linear infinite; /* 5秒アニメーションをループ */
}
@keyframes wave1 {
	0% {
		border-radius: 60% 70% 80% 70% / 60% 70% 60% 70%; 
	}
	20% {
		border-radius: 70% 60% 60% 90% / 70% 80% 70% 90%; 
	}
	40% {
		border-radius: 60% 60% 70% 60% / 70% 60% 70% 60%; 
	}
	60% {
		border-radius: 90% 60% 80% 70% / 70% 60% 80% 60%; 
	}
	80% {
		border-radius: 60% 80% 70% 60% / 70% 60% 70% 60%; 
	}
	100% {
		border-radius: 60% 70% 80% 70% / 60% 70% 60% 70%; 
	}
}
@keyframes wave2 {
	0% {
		border-radius: 60% 80% 70% 60% / 70% 60% 70% 60%; 
	}
	20% {
		border-radius: 70% 60% 60% 90% / 70% 80% 70% 90%; 
	}
	40% {
		border-radius: 60% 70% 80% 70% / 60% 70% 60% 70%; 
	}
	60% {
		border-radius: 90% 60% 80% 70% / 70% 60% 80% 60%; 
	}
	80% {
		border-radius: 60% 70% 80% 70% / 60% 70% 60% 70%; 
	}
	100% {
		border-radius: 60% 80% 70% 60% / 70% 60% 70% 60%; 
	}
}
@keyframes wave3 {
	0% {
		border-radius: 60% 70% 80% 70% / 60% 70% 60% 70%; 
	}
	20% {
		border-radius: 70% 60% 60% 90% / 70% 80% 70% 90%; 
	}
	40% {
		border-radius: 60% 60% 70% 60% / 70% 60% 70% 60%; 
	}
	60% {
		border-radius: 60% 70% 80% 70% / 60% 70% 60% 70%; 
	}
	80% {
		border-radius: 90% 60% 80% 70% / 70% 60% 80% 60%; 
	}
	100% {
		border-radius: 60% 70% 80% 70% / 60% 70% 60% 70%; 
	}
}

/**
 * 02.STEPバー
 HTMLソース例
 <ol class="stepBar step3">
	<li class="step ">基本料金</li>
	<li class="step">出張料金</li>
	<li class="step">追加料金</li>
</ol>
 */
.stepBar {
	position: relative;
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	text-align: center;
	width: 100%;
	overflow: hidden;
	*zoom: 1;
}
.stepBar .step {
	position: relative;
	float: left;
	display: inline-block;
	line-height: 40px;
	padding: 0 40px 0 20px;
	background-color: #eee;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
}
.stepBar .step:before, .stepBar .step:after {
	position: absolute;
	left: -15px;
	display: block;
	content: '';
	background-color: #eee;
	border-left: 4px solid #FFF;
	width: 20px;
	height: 20px;
}
.stepBar .step:after {
	top: 0;
	-moz-transform: skew(30deg);
	-ms-transform: skew(30deg);
	-webkit-transform: skew(30deg);
	transform: skew(30deg);
}
.stepBar .step:before {
	bottom: 0;
	-moz-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
}
.stepBar .step:first-child {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
	content: none;
}
.stepBar .step:last-child {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.stepBar .step.current {
	color: #FFF;
	background-color: #26bfa1;
}
.stepBar .step.current:before, .stepBar .step.current:after {
	background-color: #26bfa1;
}
.stepBar.step2 .step {
	width: 50%;
}
.stepBar.step3 .step {
	width: 33.333%;
}
.stepBar.step4 .step {
	width: 25%;
}
.stepBar.step5 .step {
	width: 20%;
}

/**
 * 03.FLASH
 * HTMLサンプル
<div class="flash">
	<div class="reflection-img">
		<img src="光らす画像">
		<div class="reflection"></div>
	</div>
</div>
 */
.flash{
	position:relative;
}
.flash .reflection-img {
	display: inline-block;
	position: absolute;
}
.flash .reflection-img{
	overflow:hidden;
}
.flash .reflection {
	height:100%;
	width:30px;
	position:absolute;
	top:-180px;
	left:0;
	background-color: #fff;
	opacity:0;
	transform: rotate(45deg);
	animation: reflection 2s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflection 2s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-moz-animation: reflection 2s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-ms-animation: reflection 2s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-o-animation: reflection 2s ease-in-out infinite;
}
@keyframes reflection {
	0% { transform: scale(0) rotate(45deg); opacity: 0; }
	80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { transform: scale(4) rotate(45deg); opacity: 1; }
	100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
	0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
	0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
	0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

/**
 * 04.背景シンプルアニメーション
 */
.bgWaveBox {
	width: 100%;
	height: 350px;
	border-radius: 5px;
	box-shadow: 0 2px 30px rgba(black, .2);
	background: lighten(#f0f4c3, 10%);
	position: relative;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
}
.bgWave.bgWaveColorBlue{
	background: #67a3c1;
}
.bgWave.-two .bgWaveColorYellow{
	background: rgba(255, 255, 0, 0.8);
}
.bgWave.bgWaveColorGreen{
	background: #91bf99;
}
.bgWave.bgWaveColorOrange{
	background: #e2a05a;
}
.bgWave.bgWaveColorRed{
	background: #e25a85;
}
.bgWave.bgWaveColorPerple{
	background: #b867c1;
}
.bgWave.bgWaveColorBrown{
	background: #c1a267;
}
.bgWave {
	opacity: .4;
	position: absolute;
	top: 3%;
	left: 50%;
	
	width: 700px;
	height: 700px;
	margin-left: -350px;
	margin-top: 40px;
	transform-origin: 50% 48%;
	border-radius: 43%;
	animation: drift 8000ms infinite linear;
}
.bgWave.-three {
	animation: drift 10000ms infinite linear;
}
.bgWave.-two {
	animation: drift 12000ms infinite linear;
	opacity: .1;
}
.bgWaveBoxTitle {
	position: absolute;
	bottom: 10px;
	margin: auto;
	left: 0;
	right: 0;
	display: inline-block;
	background-color: rgba(255,255,255,.8);
	padding-top: 5px;
	padding-bottom: 5px;
}
.bgWaveBox:after {
	content: '';
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(#e8a, 1), rgba(#def, 0) 80%, rgba(white, .5));
	z-index: 11;
	transform: translate3d(0, 0, 0);
}
@keyframes drift {
	from { transform: rotate(0deg); }
	from { transform: rotate(360deg); }
}

/**
 * 05.Lineアニメーション
 * 		カラーは初期で設定
 * 		JSと組み合わせてアニメーション発火
 *		inline要素が必要なため、spanでのみ使用
 *		line of marker をclassにセットする事でタイプを変更可
 *		sample:<span class="inlineAnime lineColorBlue line">sample</span>;
 *			class="inlineAnime" ：JSのセレクター；
 *			class="lineColor***" ：カラー未選択時はLINE無し。color設定のclass名を参照して入力；
 *		注意：文頭に<span>を置かない事。Androidバグでアニメーションしません。
 */
/* 共通設定 */

span.inlineAnime {
	padding: 3px 1px;
	background-repeat: repeat-x;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
}
/* line */
.inlineAnime.line {
	background-size: 200% 3px;
	background-position: 0 22px;
}
/* line on */
.inlineAnime.animateLine.line{
	background-position: -100% 22px;
}
/* line off */
.inlineAnime.animateOutLine.line{
	background-position: 0% 22px;
}
/* line sp */
#sp .inlineAnime.line {
	background-size: 200% 3px;
	background-position: 0 22px;
}
/* line sp on */
#sp .inlineAnime.animateLine.line{
	background-position: -100% 22px;
}
/* line sp off */
#sp .inlineAnime.animateOutLine.line{
	background-position: 0% 22px;
}
/* marker */
.inlineAnime.marker {
	background-size: 200% 12px;
	background-position: 0 10px;
}
/* marker on */
.inlineAnime.animateLine.marker{
	background-position: -100% 10px;
}
/* marker off */
.inlineAnime.animateOutLine.marker{
	background-position: 0% 10px;
}

/* color設定 */
span.lineColorRed {
	background-image: -webkit-linear-gradient(left, rgba(255, 6, 40,0) 50%, rgba(255, 6, 40, 0.75) 50%);
	background-image: -moz-linear-gradient(left, rgba(255, 6, 40,0) 50%, rgba(255, 6, 40, 0.75) 50%);
	background-image: -o-linear-gradient(left, rgba(255, 6, 40,0) 50%, rgba(255, 6, 40, 0.75) 50%);
	background-image: -ms-linear-gradient(left, rgba(255, 6, 40,0) 50%, rgba(255, 6, 40, 0.75) 50%);
	background-image: linear-gradient(left, rgba(255, 6, 40,0) 50%, rgba(255, 6, 40, 0.75) 50%);
}
span.lineColorBlue {
	background-image: -webkit-linear-gradient(left, rgba(6, 25, 255,0) 50%, rgba(6, 25, 255, 0.75) 50%);
	background-image: -moz-linear-gradient(left, rgba(6, 25, 255,0) 50%, rgba(6, 25, 255, 0.75) 50%);
	background-image: -o-linear-gradient(left, rgba(6, 25, 255,0) 50%, rgba(6, 25, 255, 0.75) 50%);
	background-image: -ms-linear-gradient(left, rgba(6, 25, 255,0) 50%, rgba(6, 25, 255, 0.75) 50%);
	background-image: linear-gradient(left, rgba(6, 25, 255,0) 50%, rgba(6, 25, 255, 0.75) 50%);
}
span.lineColorLightBlue {
	background-image: -webkit-linear-gradient(left, rgba(6, 25, 255,0) 50%, rgb(177, 224, 255, 0.7) 50%);
	background-image: -moz-linear-gradient(left, rgba(6, 25, 255,0) 50%, rgba(177, 224, 255, 0.7) 50%);
	background-image: -o-linear-gradient(left, rgba(6, 25, 255,0) 50%, rgba(177, 224, 255, 0.7) 50%);
	background-image: -ms-linear-gradient(left, rgba(6, 25, 255,0) 50%, rgba(177, 224, 255, 0.7) 50%);
	background-image: linear-gradient(left, rgba(6, 25, 255,0) 50%, rgba(177, 224, 255, 0.7) 50%);
}
span.lineColorYellow {
	background-image: -webkit-linear-gradient(left, rgba(231,208,15,0) 50%, rgba(231,208,15,0.75) 50%);
	background-image: -moz-linear-gradient(left, rgba(231,208,15,0) 50%, rgba(231,208,15,0.75) 50%);
	background-image: -o-linear-gradient(left, rgba(231,208,15,0) 50%, rgba(231,208,15,0.75) 50%);
	background-image: -ms-linear-gradient(left, rgba(231,208,15,0) 50%, rgba(231,208,15,0.75) 50%);
	background-image: linear-gradient(left, rgba(231,208,15,0) 50%, rgba(231,208,15,0.75) 50%);
}
span.lineColorLightYellow {
	background-image: -webkit-linear-gradient(left, rgba(248,254,25,0) 50%, rgba(248,254,25,0.75) 50%);
	background-image: -moz-linear-gradient(left, rgba(248,254,25,0) 50%, rgba(248,254,25,0.75) 50%);
	background-image: -o-linear-gradient(left, rgba(248,254,25,0) 50%, rgba(248,254,25,0.75) 50%);
	background-image: -ms-linear-gradient(left, rgba(248,254,25,0) 50%, rgba(248,254,25,0.75) 50%);
	background-image: linear-gradient(left, rgba(248,254,25,0) 50%, rgba(248,254,25,0.75) 50%);
}
span.lineColorLightOrange {
	background-image: -webkit-linear-gradient(left, rgba(231,208,15,0) 50%, rgba(241, 195, 132, .3) 50%);
	background-image: -moz-linear-gradient(left, rgba(231,208,15,0) 50%, rgba(241, 195, 132, .3) 50%);
	background-image: -o-linear-gradient(left, rgba(231,208,15,0) 50%, rgba(241, 195, 132, .3) 50%);
	background-image: -ms-linear-gradient(left, rgba(231,208,15,0) 50%, rgba(241, 195, 132, .3) 50%);
	background-image: linear-gradient(left, rgba(231,208,15,0) 50%, rgba(241, 195, 132, .3) 50%);
}
span.lineColorGray {
	background-image: -webkit-linear-gradient(left, rgba(103, 103, 103,0) 50%, rgba(103, 103, 103,0.75) 50%);
	background-image: -moz-linear-gradient(left, rgba(103, 103, 103,0) 50%, rgba(103, 103, 103,0.75) 50%);
	background-image: -o-linear-gradient(left, rgba(103, 103, 103,0) 50%, rgba(103, 103, 103,0.75) 50%);
	background-image: -ms-linear-gradient(left, rgba(103, 103, 103,0) 50%, rgba(103, 103, 103,0.75) 50%);
	background-image: linear-gradient(left, rgba(103, 103, 103,0) 50%, rgba(103, 103, 103,0.75) 50%);
}

/* font-size調整 ※フォントサイズやline-heightの設定により個々で設定する必要あり */
#attention .inlineAnime.animateLine.line {
	background-position: -100% 21px;
}
#attention .inlineAnime.line {
	background-size: 200% 2px;
	background-position: 0 25px;
}
#SP #attention .inlineAnime.animateLine.line {
	background-position: -100% 19px;
}
/* ページタイトル用調整 */
/* marker */
.cont_tit .titleText strong .inlineAnime.marker {
	background-size: 200% 18px;
	background-position: 0 100%;
}
/* marker on */
.cont_tit .titleText strong .inlineAnime.animateLine.marker{
	background-position: -100% 100%;
}
/* marker off */
.cont_tit .titleText strong .inlineAnime.animateOutLine.marker{
	background-position: 0% 100%;
}

/**
 * 07.名刺デザイン＋アニメーション
 */
.navbar-fixed-top, .navbar-fixed-bottom{ z-index:2500; }
.tariffCards {
	/*  position: absolute;
	top: 50%;
	left: 50%;
	margin: -180px 0 0 -140px;*/
	margin-top:70px;
	margin-left:-50px;
	user-select: none;
	/*transform: translate3d(0, 0, 0);
	transform-style: preserve-3d;*/
	position:relative;
	z-index:100;
}
.tariffCards:after {
/*
	position: absolute;
	bottom: -27px;
	left: 5%;
	content: '';
	width: 65%;
	height: 10px;
	border-radius: 100%;
	background-image: radial-gradient(rgba(34,50,84,0.04), rgba(34,50,84,0));
*/
}
.tariffCards > div {
	position: relative;
	width: 280px;
	height: 140px;
	border-radius: 12px;
	color: #fff;
	transform: rotateX(45deg) rotateY(-15deg) rotate(45deg);
	transition: all 0.4s ease;
	overflow: hidden;
	cursor: pointer;
	margin-top:-70px;
	margin-bottom:20px;
}
.tariffCards > div:after {
/*
	position: absolute;
	top: -70px;
	left: 0;
	content: '';
	width: 200%;
	height: 200%;
	background-image: linear-gradient(60deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.1), rgba(255,255,255,0) 80%);
	transform: translateX(-100%);
*/
}
.tariffCards > div img {
	margin-top: 15px;
	margin-left: 10px;
	pointer-events: none;
	width: 50px;
	height: 50px;
}
#aboutus .tariffCards > div h3 {
	position: absolute;
	bottom: 35px;
	left: 15px;
	font-size: 18px;
	font-weight: 800;
	color:#FFFFFF;
	padding-bottom:2px;
	border-bottom-color:#FFFFFF
}
.tariffCards > div span {
	position: absolute;
	font-weight: 700;
	bottom: 15px;
	left: 15px;
	font-size: 12px;
	font-weight: 600;
	opacity: 0.8;
}
.tariffCards > div:nth-child(4n+1) {
	background-color: #8063e1;
	background-image: linear-gradient(135deg, #bd7be8, #8063e1);
	box-shadow: 20px 20px 60px rgba(34,50,84,0.5), 1px 1px 0px 1px #8063e1;
}
.tariffCards > div:nth-child(4n+2) {
	background-color: #3f58e3;
	background-image: linear-gradient(135deg, #7f94fc, #3f58e3);
	box-shadow: 20px 20px 60px rgba(34,50,84,0.5), 1px 1px 0px 1px #3f58e3;
}
.tariffCards > div:nth-child(4n+3) {
	background-color: #2c6fd1;
	background-image: linear-gradient(135deg, #21bbfe, #2c6fd1);
	box-shadow: 20px 20px 60px rgba(34,50,84,0.5), 1px 1px 0px 1px #2c6fd1;
}
.tariffCards > div:nth-child(4n+4) {
	background-color: #352f64;
	background-image: linear-gradient(135deg, #415197, #352f64);
	box-shadow: 5px 5px 60px rgba(34,50,84,0.1), 1px 1px 0px 1px #352f64;
}
.tariffCards > div:hover {
	transform: rotateX(30deg) rotateY(-15deg) rotate(30deg) translate(-25px, 50px);
}
.tariffCards > div:hover:after {
/*
	transform: translateX(100%);
	transition: all 1.2s ease-in-out;
*/
}
.tariffCards a {
	position: fixed;
	bottom: 20px;
	right: 20px;
	color: #07f;
	font-size: 14px;
	font-weight: 700;
	width: 126px;
	height: 22px;
}
.tariffCards > div:nth-child(1) { z-index: 1500; }
.tariffCards > div:nth-child(2) { z-index: 1490; }
.tariffCards > div:nth-child(3) { z-index: 1480; }
.tariffCards > div:nth-child(4) { z-index: 1470; }
.tariffCards > div:nth-child(5) { z-index: 1460; }
.tariffCards > div:nth-child(6) { z-index: 1450; }
.tariffCards > div:nth-child(7) { z-index: 1440; }
.tariffCards > div:nth-child(8) { z-index: 1430; }
.tariffCards > div:nth-child(9) { z-index: 1420; }
.tariffCards > div:nth-child(10) { z-index: 1410; }
@media screen and (max-width: 350px) {
	#aboutus dl dt.basePoint {
		width: 100%;
		float: none;
	}
	
	#aboutus dl dd.basePointData {
		width: 100%;
		float: none;
	}
	#aboutus dl dd.basePointData .tariffCards {
		margin-left:10px;
	}
}

/**
 *画像回転
 */
.rotate360 img{
	transition: .5s ;
}
#pc .rotate360:hover img{
	transform: rotateZ( 360deg ) ;
}
#sp .rotate360.action img{
	transform: rotateZ( 360deg ) ;
}
/*水平方向反転*/
.fliph img{
	transition: .5s ;
}
#pc .fliph:hover img{
	animation-duration: 1.0s;
	animation-name: transform-fliph;
}
#sp .fliph.action img{
	animation-duration: 1.0s;
	animation-name: transform-fliph;
}
@keyframes transform-fliph {
    50% {
        transform: scale(-1, 1);
    }
    100% {
        transform: scale(1, 1);
    }
}
/*画像拡大*/
.scale_up {
    overflow: hidden;
}
.scale_up img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}
#pc .scale_up img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
#sp .scale_up.action img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
/*
     FILE ARCHIVED ON 23:28:30 May 12, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:57:28 Jun 24, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.

     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 105.482
  exclusion.robots: 0.076
  exclusion.robots.policy: 0.07
  RedisCDXSource: 4.305
  esindex: 0.011
  LoadShardBlock: 84.054 (3)
  PetaboxLoader3.datanode: 144.787 (5)
  CDXLines.iter: 14.964 (3)
  load_resource: 208.952 (2)
  PetaboxLoader3.resolve: 72.546 (2)
*/
/* Attachment Css End----------------------------------------------------------------------*/
.content_list2 .counter{
	display:table;
}
.content_list2 .counter li{
	display: table-row;
}
.content_list2 .counter li div{
	display: table-cell;
		padding-bottom:11px;
}
@media screen and (max-width:680px) { 
    .content_list2 .counter li div{
		padding-bottom:5px;
		line-height:110%;
	}
    .counter .number:before{
        width:70px;
		padding-left:5px;
		font-size:12px;
    }
    .counter .number:after{
		content:'';
	}
    .content_list2 .counter br{
        display:none;
    }
	.counter .active .number:after{
		content:'';
	}
}

ol.zenkakuNum:after {
	content:'';
	display:block;
	clear:both;
}
ol.zenkakuNum li > span{
	float:left;
	width:30px;
}
ol.zenkakuNum li > div{
	float:left;
	width:calc(100% - 30px);
}

/* about page lesson 付与 */
[id^=about][id$Body] #main .cont_tit h2 {
	text-align: center;
	padding-top:26px !important;
	padding-bottom:30px !important;
}
[id^=about][id$=Body] #main .cont_tit h2:before {
	display:block;
	position:relative;
	background-color:#004e61;
	border-radius:4px;
	margin:auto;
	left: 0;
	right: 0;
	top:-12px;
	padding:7px 12px;
	box-sizing:border-box;
	box-shadow:2px 2px 3px rgba(0,0,0,.2);
	font-size:14px;
	line-height:100%;
	text-shadow:1px 1px 2px rgba(0,0,0,.2);
	letter-spacing: initial;
	text-align:center;
	width:100px;
	color:#FFFFFF;
}
@media screen and (max-width: 680px) {
	[id^=about][id$=Body] #main .cont_tit h2 {
		padding-top:20px !important;
		padding-bottom:24px !important;
	}
	[id^=about][id$=Body] #main .cont_tit h2:before {
		padding:4px 4px;
		top:-8px;
	}
}
#aboutoverviewBody #main h2:before{
	content:'Lesson 1';
}
#aboutabout_pageBody #main h2:before{
	content:'Lesson 2';
}
#about5_thingsBody #main h2:before{
	content:'Lesson 3';
}
#aboutwhat_cmsBody #main h2:before{
	content:'Lesson 4';
}
#about5_electionBody #main h2:before{
	content:'Lesson 5';
}
#aboutdomainBody #main h2:before{
	content:'Lesson 6';
}
#aboutsocializingBody #main h2:before{
	content:'Lesson 7';
}
#aboutcheckpointBody #main h2:before{
	content:'Lesson 8';
}
#aboutpdbBody #main h2:before{
	content:'Lesson 9';
}
#aboutrepeater_cmsBody #main h2:before{
	content:'Lesson 10';
}
#aboutrenewalBody #main h2:before{
	content:'Lesson 11';
}
#abouttools_introductionBody #main h2:before{
	content:'Lesson 12';
}
#aboutseoBody #main h2:before{
	content:'Lesson 13';
}
#aboutmangaBody #main h2:before{
	content:'Lesson 14';
}
#aboutsmartphoneBody #main h2:before{
	content:'Lesson 15';
}
#aboutsslBody #main h2:before{
	content:'Lesson 16';
}
#aboutcreditBody #main h2:before{
	content:'Lesson 17';
}
#aboutfcBody #main h2:before{
	content:'Lesson 18';
}
#aboutpreferenceBody #main h2:before{
	content:'Lesson 19';
}
#aboutctiBody #main h2:before{
	content:'Lesson 20';
}


#marugotoFooterBanner {
	margin-top:100px;
}
#marugotoFooterBanner .responsiveWrap{
	width:95%;
}
#marugotoFooterBanner .flexWrap{
	width:100%;
}
#marugotoFooterBanner .bnr{
	position:relative;
}
#marugotoFooterBanner .bnr > img{
	position:relative;
}
#marugotoFooterBanner .bnr > a{
	position:absolute;
	height:100%;
	width:100%;
	display:block;
	top:0;
	left:0;
}
#marugotoFooterBanner .bnr > a img{
	position:absolute;
	bottom:15px;
	right:25px;
	width:42%;
}

@media screen and (min-width: 751px) {
	#marugotoFooterBanner {
		margin-bottom:100px;
	}
	#marugotoFooterBanner .bnr{
		width:45%;
	}
	#marugotoFooterBanner .bnr:first-child{
		margin-right:25px;
	}
	#marugotoFooterBanner .bnr:nth-child(2){
		margin-left:25px;
	}
}
@media screen and (max-width: 750px){
	#marugotoFooterBanner {
		margin-bottom:30px !important;
	}
	#marugotoFooterBanner .bnr{
		width:100%;
	}
	#marugotoFooterBanner .bnr:first-child{
		margin-bottom:30px;
	}
}

/* new header */
header#header{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	text-align:left;
	box-sizing: border-box;
}
header#header > div {
	display:flex;
	justify-content: space-between;
	width: calc(100% - 270px);
}
header#header .h1tel{
	display:flex;
}
header#header .contact{
	order:2;
	position: relative;
}
header#header h2{
	order:1;
	width:343px;
}
header#header .contact .marugotoHeaderBanner{
	position:absolute;
	right:-280px;
}
header > div > picture {
	display:none;
}
@media screen and (min-width: 1601px) {
	header#header > div {
		width:1000px;
	}
}
@media screen and (max-width: 1600px) {
	header#header > div {
		width: calc(100% - (300px - (100vw - 1000px) / 2));
	}
}
@media screen and (max-width: 1000px) {
	header#header > div {
		width: 100%;
		justify-content: center;
	}
	header > div > picture {
		display:block;
	}
	.headerMainIcon {
		display:none;
	}
}
@media screen and (max-width: 680px) {
	header#header > div {
		justify-content: left;
	}
}
.headerMainIcon {
	height:49px;
	width:49px;
	box-sizing:border-box;
	margin-left: 10px;
}
.headerMainIcon a{
	display:block;
	width:100%;
	height:100%;
	margin:auto;
	box-sizing:border-box;
}
.headerMainIcon a{
	height:49px;
	width:49px;
}
.headerMainIcon a img{
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
}

*::placeholder{
	color:#AAAAAA;
}

#contact_page dl dd input[type="text"],
#contact_page dl dd input[type="url"],
#contact_page dl dd input[type="tel"],
#contact_page dl dd input[type="email"],
#contact_page dl dd textarea {
	padding: 5px 10px;
	background: #FBFBFB;
	border: 1px #a8a8a8 solid;
	box-sizing: border-box;
	outline: none;
	-webkit-transition: all .2s;
	transition: all .2s;
	cursor: pointer;
}
#contact_page dl dd input:focus,
#contact_page dl dd select:focus,
#contact_page dl dd textarea:focus {
	background: #fff;
	border:1px #58abd5 solid;
	box-sizing: border-box;
}

[id^=news][id$=Body] main{
	margin : auto;
	background-color: #e4eff5;
	background-image:
		repeating-linear-gradient(to bottom,
			rgba(211, 224, 227, 0.8),
			rgba(211, 224, 227, 0.8) 1px,
			rgba(0, 0, 0, 0) 0,
			rgba(0, 0, 0, 0) 15px),
		repeating-linear-gradient(to bottom,
			rgba(255, 255, 255, 0.2),
			rgba(255, 255, 255, 0.2) 2px,
			rgba(0, 0, 0, 0) 0,
			rgba(0, 0, 0, 0) 15px),
		repeating-linear-gradient(to right,
			rgba(211, 224, 227, 0.8),
			rgba(211, 224, 227, 0.8) 1px,
			rgba(0, 0, 0, 0) 0,
			rgba(0, 0, 0, 0) 15px),
		repeating-linear-gradient(to right,
			rgba(255, 255, 255, 0.1),
			rgba(255, 255, 255, 0.1) 2px,
			rgba(0, 0, 0, 0) 0,
			rgba(0, 0, 0, 0) 15px);
}
[id^=news][id$=Body] #mainNewsContents{
	display: flex;
	justify-content: left;
	align-items: stretch;
	border:1px solid #004e61;
	flex-wrap: wrap;
}
[id^=news][id$=Body] #container{
	background-color:#FFFFFF;
	margin-bottom:50px;
}
.responsiveTitleText{
	border-bottom:2px solid #004e61;
	margin-bottom:50px;
	padding-bottom:30px;
}
[id^=news][id$=Body] #news {
	padding: 50px 30px 0px 30px;
}
[id^=news][id$=Body] #news h2{
	font-size: 38px;
	font-weight: bold;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;
	text-align: center;
	color: #004e61;
}
[id^=news][id$=Body] #mainNewsContents h3 {
	background-color: #004e61;
	color:#FFFFFF;
	font-size: 22px;
	font-weight: bold;
	/*margin: 0 0 16px;*/
	margin: 0;
	padding-bottom:4px;
	text-align:center;
	font-family: "A-OTF 新ゴ Pro", A-OTF Shin Go Pro, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	width:260px;
	display: flex;
	align-items: center;
	justify-content: center;
}
[id^=news][id$=Body] #mainNewsContents ul {
	display:flex;
	flex-wrap:wrap;
	justify-content: left;
	width:calc(100% - 260px);
	align-items: center;
	padding:4px 0;
}
[id^=news][id$=Body] #mainNewsContents ul > li{
	margin-left:10px;
	margin-right:10px;
}
[id^=news][id$=Body] #mainNewsContents ul > li a{
	text-decoration:underline;
	color:#004e61;
}
[id^=news][id$=Body] #single_page{
	width: 100%;
	padding:40px 20px;
	box-sizing:border-box;
}
[id^=news][id$=Body] #single_page #mainNewsContents{
	margin-bottom:40px;
}
[id^=news][id$=Body] #single_page + ul{
	padding:0 20px 20px 20px;
	box-sizing:border-box;
}
@media screen and (max-width: 1050px) {
	[id^=news][id$=Body] #mainNewsContents h3 {
		font-size:18px;
		width:200px;
	}
	[id^=news][id$=Body] #mainNewsContents ul {
		width:calc(100% - 200px);
	}
	[id^=news][id$=Body] #container{
		margin-left:10px;
		margin-right:10px;
	}
	[id^=news][id$=Body] .inner {
		padding:0;
	}
}
@media screen and (max-width: 680px) {
	.responsiveTitleText{
		margin-bottom:20px;
	}
	[id^=news][id$=Body] #containerResponsiveWrap h2 {
		height:50px;
		font-size:5vw;
	}
	[id^=news-tag][id$=Body] #containerResponsiveWrap h2 {
		margin-bottom: 4vw;
		padding-bottom: 0vw;
	}
	[id^=news][id$=Body] #containerResponsiveWrap h2.news_tit {
		height:auto;
	}
	[id^=news][id$=Body] #containerResponsiveWrap h2 img{
		height:100%;
		width:auto;
	}
	[id^=news][id$=Body] #mainNewsContents h3 {
		padding-top:4px;
		width:100%;
	}
	[id^=news][id$=Body] #mainNewsContents ul {
		width:100%;
	}
	[id^=news][id$=Body] #news {
		padding: 30px 10px 0px 10px;
	}
	/*
	[id^=news][id$=Body] #mainNewsContents ul > li{
		width:100%;
		margin: 0 0 15px;
		padding: 0 0 15px;
		border-bottom: 1px dotted #ccc;
	}
	[id^=news][id$=Body] #mainNewsContents ul > li a{
		text-decoration:none;
	}
	[id^=news][id$=Body] #news .newsList{
		padding:10px 0;
	}
	[id^=news][id$=Body] #news h2{
		font-size:6vw;
	}
	[id^=news][id$=Body] #single_page #mainNewsContents{
		text-align:left;
	}
	*/
	[id^=news][id$=Body] #single_page{
		padding:40px 10px;
	}
}


#portfolioBody .slick-list img{
	width:auto;
	max-width:100%;
	height:auto;
	max-height:100%;
}
a.toNewsPage {
	color:#0000FF;
}
a.toNewsPage:after {
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-weight:bold;
}
