/* ELEPHANT3 legacy shortcode styles (extracted from old theme) */

/* -- Child theme highlighters -- */
.keikoupink   { background: linear-gradient(transparent 60%, #da89ab 50%); }
.keikougreen1 { background: linear-gradient(transparent 60%, #89d4da 50%); }
.keikougreen2 { background: linear-gradient(transparent 60%, #89dab8 50%); }
.keikoublue   { background: linear-gradient(transparent 60%, #89abda 50%); }

/* -- Parent theme (ELEPHANT3) shortcode styles -- */
.imgshadow img {
	box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}
/* スマートフォンは表示しない */
.smanone {
	display: none;
}
.lpimg-sp {margin: 0 -10px;}
.lpimg-pc {display:none;}
/*傍点*/
span.emphasis {
    -webkit-text-emphasis: filled circle #1a1a1a;
   text-emphasis: filled circle #1a1a1a;
}
#adsense-mobile.pcnone p {
    text-align: center !important;
}
#adsense-mobile.pcnone .textwidget {
    text-align: center;
}
/*-----------------------------------------
　ショートコードボタン 
-----------------------------------------*/

/******************
 デフォルトボタン
******************/
.btn-wrap {
text-align:center;
margin:1.5em 0 2em;
}
.btn-wrap.aligncenter {
text-align:center;
}
.btn-wrap.alignleft {
text-align:left;
}
.btn-wrap.alignright {
text-align:right;
}
.btn-wrap a {
font-weight:bold;
display:inline-block;
text-decoration:none;
padding:0.8em 2.1em;
background: #3cb371;
border:2px solid #3cb371;
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */
color:#fff;
box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}
.btn-wrap a:hover {
color:#fff;
box-shadow: 0px 8px 25px -5px rgba(0,0,0,.3);
transition: .2s ease-in-out;
    -webkit-transform: translate(0px,-1px);
    -moz-transform: translate(0px,-1px);
    -ms-transform: translate(0px,-1px);
    -o-transform: translate(0px,-1px);
    transform: translate(0px,-1px);
}
.btn-wrap.yes a {box-shadow: 0 0 0;}
.btn-wrap.yes a:hover,.btn-wrap.ghost.yes a:hover {box-shadow: 0 0 0;}
/******************
 デフォルトボタン(長さ固定1）
******************/
.btn-wrap.kotei1 a {
font-weight:bold;
display:inline-block;
width: 75%;
    max-width: 200px;
    margin: 0 1%;
text-decoration:none;
font-size:.65em;
padding:0.9em 1.0em;
background: #3cb371;
border:2px solid #3cb371;
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
color:#fff;
}
.btn-wrap.kotei1 a:hover {
background:none;
border:2px solid #3cb371;
color:#3cb371;
font-weight:bold;
}
/******************
 デフォルトボタン(長さ固定2）
******************/
.btn-wrap.kotei2 a {
font-weight:bold;
display:inline-block;
width: 75%;
    max-width: 200px;
    margin: 0 1%;
text-decoration:none;
font-size:.65em;
padding:0.9em 1.0em;
background: #3cb371;
border:2px solid #3cb371;
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
color:#fff;
}
.btn-wrap.kotei2 a:hover {
background:none;
border:2px solid #3cb371;
color:#3cb371;
font-weight:bold;
}
/******************
　ボタン（ゴースト）
******************/

.btn-wrap.ghost a {
font-weight:bold;
display:inline-block;
text-decoration:none;
padding:0.8em 2.1em;
background: rgba(255, 255, 255, 0.30);
border:2px solid #0090e1;
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
color: #0090e1;
}
.btn-wrap.ghost a:hover {
box-shadow: 0px 8px 25px -5px rgba(0,0,0,.3);
transition: .2s ease-in-out;
    -webkit-transform: translate(0px,-1px);
    -moz-transform: translate(0px,-1px);
    -ms-transform: translate(0px,-1px);
    -o-transform: translate(0px,-1px);
    transform: translate(0px,-1px);
}
/******************
　ボタン（スペシャル）
******************/
.btn-wrap.spe a {
	display:inline-block;
	text-decoration:none;
	padding:0.9em 2.3em;
	position: relative;
	z-index: 0;
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
	display: inline-block;
	text-align: center;
	font-weight:bold;
	outline: none;
}
.btn-wrap.spe a:hover {
	background-color:rgba(255,255,255,0);
	border-color: #59b1eb;
	color: #59b1eb;
	font-weight:bold;
}
.btn-wrap.spe a::before,
.btn-wrap.spe a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #333;
}
.btn-wrap.spe a::before {
	right: 0;
}
.btn-wrap.spe a::after {
	left: 0;
}
.btn-wrap.spe a:hover::before,
.btn-wrap.spe a:hover::after {
	width: 0;
	background-color: #59b1eb;
}
.btn-wrap.spe a,
.btn-wrap.spe a::before,
.btn-wrap.spe a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/******************
　ボタン（ゴーストスペシャル）
******************/
.btn-wrap.ghostspe a {
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
	padding:0.9em 2.3em;
	position: relative;
	z-index: 0;
	background: none;
	border: 2px solid #59b1eb;
	color: #59b1eb;
	display: inline-block;
	text-align: center;
	outline: none;
}
.btn-wrap.ghostspe a:hover {
	background-color: #333;
	border-color: #333;
	color: #fff;
	font-weight:bold;
}
.btn-wrap.ghostspe a::before,
.btn-wrap.ghostspe a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0);
}
.btn-wrap.ghostspe a::before {
	right: 0;
}
.btn-wrap.ghostspe a::after {
	left: 0;
}
.btn-wrap.ghostspe a:hover::before,
.btn-wrap.ghostspe a:hover::after {
	width: 0;
	background-color: none;
}
.btn-wrap.ghostspe a,
.btn-wrap.ghostspe a::before,
.btn-wrap.ghostspe a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	transition-delay:.1s;
}
/******************
　ボタン（スペ２）
******************/
.btn-wrap.spe2 a {
	display:inline-block;
	text-decoration:none;
	padding:0.9em 2.3em;
	position: relative;
	z-index: 0;
	background: none;
	border: 2px solid #59b1eb;
	color: #fff;
	text-align: center;
	outline: none;
}
.btn-wrap.spe2 a:hover {
	background-color: #fff;
	border-color: #333;
	color: #fff;
	font-weight:bold;
}
.btn-wrap.spe2 a::before,
.btn-wrap.spe2 a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #333;
}
.btn-wrap.spe2 a::before {
	top: 0;
}
.btn-wrap.spe2 a::after {
	bottom: 0;
}
.btn-wrap.spe2 a:hover::before,
.btn-wrap.spe2 a:hover::after {
	height: 0;
	background-color: #fff;
}
.btn-wrap.spe2 a,
.btn-wrap.spe2 a::before,
.btn-wrap.spe2 a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	transition-delay:.1s;
}
/******************
　ボタン（ズームイン）
******************/
.btn-wrap.zoomin a {
	display:inline-block;
	text-decoration:none;
	padding:0.2em 2.3em;
	position: relative;
	z-index: 0;
	background:none;
	border: 2px solid #333;
	color: #333;
	line-height: 50px;
	overflow: hidden;
}
.btn-wrap.zoomin a:hover {
	color: #fff;
}
.btn-wrap.zoomin a::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.3);
	transform: scale(.3);
}
.btn-wrap.zoomin a:hover::after {
	background: #333;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.btn-wrap.zoomin a::before,
.btn-wrap.zoomin a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn-wrap.zoomin a,
.btn-wrap.zoomin a::before,
.btn-wrap.zoomin a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/******************
　ボタン（上からパタっと下りてくる）
******************/
.btn-wrap.down a {
	display:inline-block;
	text-decoration:none;
	padding:0.2em 2.3em;
	position: relative;
	z-index: 0;
	border: 2px solid #333;
	color: #333;
	background:none;
	line-height: 50px;
	-webkit-perspective: 300px;
	perspective: 300px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.btn-wrap.down a:hover {
	color: #fff;
}
.btn-wrap.down a::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	-webkit-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	opacity: 0;
}
.btn-wrap.down a:hover::after {
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	opacity: 1;
}
.btn-wrap.down a::before,
.btn-wrap.down a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn-wrap.down a,
.btn-wrap.down a::before,
.btn-wrap.down a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/******************
　ヘッダーボタン
*******************/
.hbtn-wrap {
margin:1.5em 0 2em;
}
.hbtn-wrap a {
display:inline-block;
text-decoration:none;
padding:0.7em 2.0em;
background: rgba(255, 255, 255, 0.3);
border:2px solid #3cb371;
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */
text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
box-shadow: 0px 1px 5px rgba(0,0,0,.3);
color:#fff;
font-size: .75em;
font-weight:bold;
}
.hbtn-wrap a:hover {
color:#fff;
font-weight:bold;
box-shadow: 0px 8px 20px -5px rgba(0,0,0,.3);
transition: .2s ease-in-out;
    -webkit-transform: translate(0px,-4px);
    -moz-transform: translate(0px,-4px);
    -ms-transform: translate(0px,-4px);
    -o-transform: translate(0px,-4px);
    transform: translate(0px,-4px);
}
/******************
　ヘッダーボタン(白透明）
*******************/
.hbtn-wrap.ghost {
margin:1.5em 0 2em;
}
.hbtn-wrap.ghost a {
display:inline-block;
text-decoration:none;
padding:0.7em 2.0em;
background: rgba(255, 255, 255, 0.3);
border:2px solid #fff;
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */
text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
color:#fff;
}
.hbtn-wrap.ghost a:hover {
box-shadow: 0px 8px 20px -5px rgba(0,0,0,.3);
}
/******************
　右上問合せボタン
*******************/
.upbtn-wrap {
    margin: 1.3em 0 .5em;
}
.upbtn-wrap a {
    text-align: center;
    display: inline-block;
    text-decoration: none;
    padding: 0.3em 2em .3em 2em;
    font-size:18px;
    background: #3cb371;
    border: 2px solid #3cb371;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    color: #fff;
}
.upbtn-wrap a:hover {
background:none;
border:2px solid #3cb371;
color:#3cb371;
box-shadow:none;
}
/* ショートコードで補足説明を追加 */
.enclose {
	border-radius:2px;
	box-shadow: 0px 1px 5px rgba(0,0,0,.3);
	padding:3% 4%;
	margin:1.5em 0 2em;
}
.enclose.yes {
    box-shadow: 0 0 0;
}
.enclose p {
	margin-bottom:.8em;
}
.enclose p:last-child {
	margin-bottom:0;
}
.surround {
	background:#f0e9a8;
	font-size: 1.0em;
	line-height:1.8em;
	padding: 3% 4%;
	margin: 1.5em 0 2em;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:2px;
	border: 1px solid #f0e68c;
	border-color: #f0e9a8;
	box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}
.surround.yes {box-shadow: 0 0 0;}
.surround p {
	margin-bottom:.8em;
}
.surround p:last-child {
	margin-bottom:0;
}
.surround.yellow {
	background: #fff282;
	border-color: #fff282;
}
.surround.pink {
	background: #ffa0df;
	border-color: #ffa0df;
}
.surround.sky {
	background: #aef7ff;
	border-color: #aef7ff;
}
.surround.orange {
	background: #ffc0a9;
	border-color: #ffc0a9;
}
.surround.lime {
	background: #98fb98;
	border-color: #98fb98;
}
.surround:before {
	display:inline-block;
	margin-right:.3em;
	font-size: 1.2em;
}
.surround.boader:before {content: none;}
.surround.boader {
	border-color: #c5c5c5;
	background:none;
}
/*トピックボックス黒*/
.topic-box {
    position: relative;
    background: #fff;
    padding: 25px 10px 0;
    margin: 40px 0 10px;
    border-radius: 3px;
    border: 1px solid #1a1a1a;
    box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}
.topic-title {
    position: absolute;
    top: -17px;
    left: 14px;
    background: #1a1a1a;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
}
/*トピックボックス（gray）*/
.topic-box.gray {
    position: relative;
    background: #fff;
    padding: 25px 10px 0;
    margin: 40px 0 10px;
    border-radius: 3px;
    border: 1px solid #8c8c8c;
    box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}
.topic-title.gray {
    position: absolute;
    top: -17px;
    left: 14px;
    background: #8c8c8c;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
}
/*トピックボックス（red）*/
.topic-box.red {
    position: relative;
    background: #fff;
    padding: 25px 10px 0;
    margin: 40px 0 10px;
    border-radius: 3px;
    border: 1px solid #EF5350;
    box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}
.topic-title.red {
    position: absolute;
    top: -17px;
    left: 14px;
    background: #EF5350;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
}
/*トピックボックス（blue）*/
.topic-box.blue {
    position: relative;
    background: #fff;
    padding: 25px 10px 0;
    margin: 40px 0 10px;
    border-radius: 3px;
    border: 1px solid #2196F3;
    box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}
.topic-title.blue {
    position: absolute;
    top: -17px;
    left: 14px;
    background: #2196F3;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
}
/*トピックボックス（green）*/
.topic-box.green {
    position: relative;
    background: #fff;
    padding: 25px 10px 0;
    margin: 40px 0 10px;
    border-radius: 3px;
    border: 1px solid #00b786;
    box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}
.topic-title.green {
    position: absolute;
    top: -17px;
    left: 14px;
    background: #00b786;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
}
/*トピックボックス（pink）*/
.topic-box.pink {
    position: relative;
    background: #fff;
    padding: 25px 10px 0;
    margin: 40px 0 10px;
    border-radius: 3px;
    border: 1px solid #F06292;
    box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}
.topic-title.pink {
    position: absolute;
    top: -17px;
    left: 14px;
    background: #F06292;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
}
/*トピックボックス（orange）*/
.topic-box.orange {
    position: relative;
    background: #fff;
    padding: 25px 10px 0;
    margin: 40px 0 10px;
    border-radius: 3px;
    border: 1px solid #FF5722;
    box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}
.topic-title.orange {
    position: absolute;
    top: -17px;
    left: 14px;
    background: #FF5722;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
}
/*トピックボックス（yellow）*/
.topic-box.yellow {
    position: relative;
    background: #fff;
    padding: 25px 10px 0;
    margin: 40px 0 10px;
    border-radius: 3px;
    border: 1px solid #FFAB00;
    box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}
.topic-title.yellow {
    position: absolute;
    top: -17px;
    left: 14px;
    background: #FFAB00;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
}
/*====================================================
 ショートコードで吹き出しデザイン(領域１）
=====================================================*/
/* ショートコードで吹き出しデザイン */

.voice p {
	margin:0;
	padding:10px 15px;
}
.voice {
	margin-bottom:20px;
	position:relative;
}
.voice.r {
	padding-right:90px;
	padding-bottom:10px;
}
.voice.l {
	padding-left:80px;
	padding-bottom:10px;
}
.voice .voice-box {
	width: 100%;
    margin-left: 10px;
    margin-right: 30px;
}
.voice .voice-box #voice-r {
	position: relative;
	display: inline-block;
	margin: 0 30px 20px 0;
	width: 98%;
	color: #000;
	background: #fff;
	z-index: 0;
	border:3px solid #e8e8e8;
	text-align:left;
	border-radius:8px;
	min-height:50px;
}
.voice .voice-box #voice-l {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	color: #000;
	width: 93%;
	background: #fff;
	z-index: 0;
	border:3px solid #e8e8e8;
	border-radius:8px;
	min-height:50px;
}
.voice .voice-box #voice-r:before {
	content: "";
	position: absolute;
	top: 30px;
	right: -6px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #fff;			
	z-index: 0;
}
.voice .voice-box #voice-r:after {
	content: "";
	position: absolute;
	top: 30px;
	right: -9px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 9px 9px;
	border-color: transparent transparent transparent #e8e8e8;
	z-index: -1;
}
.voice .voice-box #voice-l:before {
	content: "";
	position: absolute;
	top: 30px; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 0;
}
.voice .voice-box #voice-l:after {
	content: "";
	position: absolute;
	top: 30px; left: -11px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 9px 9px 0;
	border-color: transparent #e8e8e8 transparent transparent;
	z-index: -1;
}
/*アイコン*/
.voice.r .img {
	width:50px;
	top:10px;
	font-size:10px;
	line-height:15px;
	margin-left:5px;
	right:0;
	text-align:center;
	margin-bottom: 3px;
	position:absolute;
}
.voice.l .img {
	width:50px;
	top:10px;
	left:0;
	font-size:10px;
	line-height:15px;
	text-align:center;
	position:absolute;
}
.voice .img img {
	border-radius:50%;
	text-align:center;
	width:100%;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
/* ショートコードで吹き出しデザイン */

.fbvoice p {
	margin:0;
	padding:10px 15px;
}
.fbvoice {
	margin-bottom:20px;
	position:relative;
}
.fbvoice.r {
	padding-right:90px;
	padding-bottom:10px;
}
.fbvoice.l {
	padding-left:80px;
	padding-bottom:10px;
}
.fbvoice .fbvoice-box {
	width: 100%;
    margin-left: 10px;
    margin-right: 30px;
}
.fbvoice .fbvoice-box #fbvoice-r {
	position: relative;
	display: inline-block;
	margin: 0 30px 20px 0;
	width: 98%;
	color: #fff;
	background: #2d5ae0;
	z-index: 0;
	border:3px solid #2d5ae0;
	text-align:left;
	border-radius:8px;
	min-height:50px;
}
.fbvoice .fbvoice-box #fbvoice-l {
	position: relative;
	margin-bottom: 20px;
	display: inline-block;
	color: #000;
	width: 93%;
	background: #e0e0e0;
	z-index: 0;
	border:3px solid #e0e0e0;
	border-radius:8px;
	min-height:50px;
}
.fbvoice .fbvoice-box #fbvoice-r:before {
	content: "";
	position: absolute;
	top: 30px;
	right: -6px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #2d5ae0;			
	z-index: 0;
}
.fbvoice .fbvoice-box #fbvoice-r:after {
	content: "";
	position: absolute;
	top: 30px;
	right: -11px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 9px 9px;
	border-color: transparent transparent transparent #2d5ae0;
	z-index: -1;
}
.fbvoice .fbvoice-box #fbvoice-l:before {
	content: "";
	position: absolute;
	top: 30px; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #e0e0e0 transparent transparent;
	z-index: 0;
}
.fbvoice .fbvoice-box #fbvoice-l:after {
	content: "";
	position: absolute;
	top: 30px; left: -11px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 9px 9px 0;
	border-color: transparent #e0e0e0 transparent transparent;
	z-index: -1;
}
/*アイコン*/
.fbvoice.r .img {
	width:50px;
	top:10px;
	font-size:10px;
	line-height:15px;
	margin-left:5px;
	right:0;
	text-align:center;
	margin-bottom: 3px;
	position:absolute;
}
.fbvoice.l .img {
	width:50px;
	top:10px;
	left:0;
	font-size:10px;
	line-height:15px;
	text-align:center;
	position:absolute;
}
.fbvoice .img img {
	text-align:center;
	border:3px solid #D8D8D8;
	width:100%;
}
/* ショートコードで吹き出しデザイン */

.lnvoice p {
	margin:0;
	padding:10px 15px;
}
.lnvoice {
	margin-bottom:20px;
	position:relative;
}
.lnvoice.r {
	padding-right:90px;
	padding-bottom:10px;
}
.lnvoice.l {
	padding-left:80px;
	padding-bottom:10px;
}
.lnvoice .lnvoice-box {
	width: 100%;
    margin-left: 10px;
    margin-right: 30px;
}
.lnvoice .lnvoice-box #lnvoice-r {
	position: relative;
	display: inline-block;
	margin: 0 30px 20px 0;
	width: 98%;
	color: #2b2a2a;
	background: #69e02d;
	z-index: 0;
	border:3px solid #69e02d;
	text-align:left;
	border-radius:30px;
	min-height:50px;
}
.lnvoice .lnvoice-box #lnvoice-l {
	position: relative;
	margin-bottom: 20px;
	display: inline-block;
	color: #2b2a2a;
	width: 93%;
	background: #fff;
	z-index: 0;
	border:2px solid #e0e0e0;
	border-radius:30px;
	min-height:50px;
}
.lnvoice .lnvoice-box #lnvoice-r:before {
	content: "";
	position: absolute;
	top: 28px;
	right: -6px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #69e02d;			
	z-index: 0;
}
.lnvoice .lnvoice-box #lnvoice-r:after {
	content: "";
	position: absolute;
	top: 28px;
	right: -9px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 9px 9px;
	border-color: transparent transparent transparent #69e02d;
	z-index: -1;
}
.lnvoice .lnvoice-box #lnvoice-l:before {
	content: "";
	position: absolute;
	top: 26px; left: -6px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 0;
}
.lnvoice .lnvoice-box #lnvoice-l:after {
	content: "";
	position: absolute;
	top: 26px; left: -8px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 9px 9px 0;
	border-color: transparent #D8D8D8 transparent transparent;
	z-index: -1;
}
/*アイコン*/
.lnvoice.r .img {
	width:50px;
	top:10px;
	font-size:10px;
	line-height:15px;
	margin-left:5px;
	right:0;
	text-align:center;
	margin-bottom: 3px;
	position:absolute;
}
.lnvoice.l .img {
	width:50px;
	top:10px;
	left:0;
	font-size:10px;
	line-height:15px;
	text-align:center;
	position:absolute;
}
.lnvoice .img img {
	border-radius: 50%;
	border:2px solid #D8D8D8;
	text-align:center;
	width:100%;
}
/*　ポートフォリオショートコード用*/
.pf4 {
    position: relative;
    overflow: hidden;
    width: 50%;
    height: 50%;
    float:left;
}
.pf4:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.pf4 .pf4-inner {
	display: block;
    position: absolute;
    top: 0;
    left: -150px;
    right: -150px;
    width: auto;
    height: 100%;
    overflow: hidden;
    margin: auto;
	transition: .3s;
}
.pf4-inner p a {
    width: 100%;
    height: auto;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.pf4-inner img {
    width: 100%;
    height: auto;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.pf4-inner:hover .pf4-inner-box {
	position: absolute;
    background: rgba(0, 41, 119, 0.66);
	transition: .3s ease;
}
.pf4 .pf4-inner-box {
    left: 150px;
    right: 150px;
    width: auto;
    height: 100%;
    top: 0;
    text-align: center;
}
.pf4-inner-box a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    display: none;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.pf4-inner:hover .pf4-inner-box a {
    display: inline-block;
	width: 100%;
    height: 100%;
	transition: .3s ease;
	color:#fff;
}
.pf4-inner-box span {
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    transform: translateY(-50%) translateX(-50%);
    transition: .3s ease;
    border: 1px solid #fff;
    padding: 20px;
}
/*　ポートフォリオショートコード用B*/
.pf4b {
    width: 48%;
    height: 48%;
    position: relative;
    background: #fff;
    border-radius: 3px;
    margin:1%;
    box-shadow: 0px 1px 5px rgba(0,0,0,.3);
    float: left;
    overflow: hidden;
}
.pf4b:hover {
    transition: .2s ease-in-out;
    -webkit-transform: translate(0px,-2px);
    -moz-transform: translate(0px,-2px);
    -ms-transform: translate(0px,-2px);
    -o-transform: translate(0px,-2px);
    transform: translate(0px,-2px);
    box-shadow: 0px 15px 25px -5px rgba(0,0,0,.3);
}
.pf4b:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.pf4b-inner {
    display: block;
    position: absolute;
    top: 0;
    left: -50px;
    right: -50px;
    width: auto;
    height: 100%;
    overflow: hidden;
    margin: auto;
    transition: .3s;
}
.pf4b-inner img {
    width: 100%;
    height: auto;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.pf4b-inner a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    color: #fff;
    text-decoration: none;
	transition: .3s ease;
}
.pf4b-inner a:hover {
	color:#fff;
	transition: .3s ease;
}
.pf4b-inner:hover .pf4b-inner-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 41, 119, 0.66);
	transition: .3s ease;
}
.pf4b-inner span {
	display:none;
	transition: .3s ease;
}
.pf4b-inner:hover span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
	transition: .3s ease;
	border: 2px solid #fff;
    padding: 10px;
	font-size:.8em;
}
/*背景画像Scroll(LP用）*/
.tob {
	position:relative;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;	
	background-attachment:scroll; 
	background-position: center center; 
	max-width: 2000px;
	height: 500px;
	margin: auto -500px;
}
.tob-inner {
	position:absolute;
	width:310px;
    max-width: 310px;
    margin: 0 auto;
    padding: 10px;
	top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
/*背景画像fixed(LP用）*/
.tob2 {
	position:relative;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;	
	background-attachment:scroll; 
	background-position: center center; 
	max-width: 2000px;
	height: 500px;
	margin: auto -500px;
}
.tob2-inner {
	position:absolute;
	width:310px;
    max-width: 310px;
    margin: 0 auto;
    padding: 10px;
	top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
/*背景画像fixed(ポートフォリオ用）*/
.tob3 {
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;	
	background-attachment: fixed; 
	background-position: center center; 
	width: auto;
	max-width:100%;
	height: 500px;
	margin: auto;
	position:relative;
}
.tob3-inner {
	min-width: 315px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
/*=============================
 スマホ用メインメニュー
==============================*/


/*************************************
　ランディングページ（ワイド）
*************************************/
.lpwide2 {
	background:#fff;
	margin:0 -100px;
	padding: 20px 100px;
	clear:both;
	}
.lpwide2-inner {
	max-width:420px;
	width:100%;
    padding:0;
}
.lp-wide-inner {
	max-width:420px;
	width:100%;
    padding:0;
}
/*-----------------------------------
内部リンクをショートコードでブログカード化
------------------------------------*/
.blog-card {
 	word-wrap: break-word;
    max-width: 100%;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}
.blog-card:hover {
    box-shadow: 0px 15px 25px -3px rgba(0,0,0,.3);
	transition: 0.3s ease-in-out;
}
.blog-card a {
 color: #333;
 background: #fbfaf8;
 display: block;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.blog-card-thumbnail {
 float:left;
 padding:10px;
}
.blog-card-thumbnail img {
 display: block;
 padding: 0;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.blog-card-content {
 line-height:120%;
}
.blog-card-title {
    padding: 10px 10px 10px 0;
    font-size: .85em;
    font-weight: bold;
}
.blog-card-title::before {
 content: '関連記事';
 font-size: 0.7em;
 font-weight: bold;
 color: #fff;
 background: #111;
 width: 5em;
 display: inline-block;
 padding: 0.2em;
 position: relative;
 top: -2px;
 text-align: center;
 margin-right: 0.5em;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
}
.blog-card-date {
 color:#333;
 font-size:75%;
 margin-right:10px;
}
/*======================================
 記事内画像の上に文字のせショートコード用
======================================*/
.toi-wrap {
	position:relative;
	width:auto;
	max-width:100%;
	margin: 0 0 10px;
}
.toi-inner {
	position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    bottom: 20px;
    right: 10px;
    overflow: hidden;
}
/*=======================================
　スマホ用カラム
=======================================*/
/*ラップ*/
.spcolwrap {
	padding:0 5px;
}
/*2カラム*/
.spcol2:first-child {
	float: left;
    width: 49%;
    margin: 0 1% 0 0;
}
.spcol2:last-child {
	float:left;
	width:49%;
	margin:0 0 0 1%;
}
/*3カラム*/
.spcol3 {
	float:left;
	width:32%;
	margin:0 2%;
}
.spcol3:first-child {
	float:left;
	width:32%;
	margin:0;
}
.spcol3:last-child {
	float:left;
	width:32%;
	margin:0;
}
.spcol3 img {
    margin: 0 0 10px;
}
/*4カラム*/
.col4 {
    float: left;
    width: 48%;
    margin: 0 1%;
}
/*3:7カラム*/
.spcol37 {
    float: left;
    width: 28%;
    margin: 0 1% 0 1%;
}
.spcol73 {
    float: left;
    width: 68%;
    margin: 0 1% 0 1%;
}
/*スマホ用だけ文字を小さくするショートコード*/
.spfont {
	font-size:.75em;
}
.spfont a {
	font-size:.75em;
}
.spfont p {
	font-size:.75em;
}
.spfont ul li {
	font-size:.75em;
}
.spfont ol {
	font-size:.75em;
}
/*蛍光ペンのアンダーライン*/
.keikou {
    background: linear-gradient(transparent 60%, #ffff66 50%);
}
/*フローチャート用*/
.sankaku {
    width: 0;
    height: 0;
    border: 60px solid transparent;
    border-top: 30px solid #5db3e2;
    margin: 0 auto -60px;
}
.flow {
    display: block;
    background: #b2b2ff;
    padding: 10px;
    border-radius: 5px;
    margin: 20px;
	box-shadow: 0px 1px 5px rgba(0,0,0,.3);
}
.flow p {
	margin:0;
}
.tob4 {
	position:relative;
	  margin-left: calc(-50vw + 50%);
	  margin-right: calc(-50vw + 50%);
	  background-size: cover;
	  background-position:center;
	  background-repeat:no-repeat;
	  height: 500px;
	background-attachment:scroll;
  }
.tob4-inner {
	position:relative;
	max-width:1200px;
	padding:20px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
  }

/* ===== Responsive (media queries) ===== */
@media only screen and (min-width: 420px) {
.lpimg-sp {margin: 0 -30px;}
/* ショートコードで吹き出しデザイン */

.voice.r {
	padding-right:130px;
	padding-bottom:10px;
}
.voice.l {
	padding-left:100px;
	padding-bottom:10px;
}
.voice .voice-box {
	width: 100%;
    margin-left: 20px;
    margin-right: 30px;
}
/*アイコン*/
.voice.r .img {
	width:80px;
	top:10px;
	font-size:10px;
	line-height:15px;
	margin-left:5px;
	right:0;
	text-align:center;
	margin-bottom: 3px;
	position:absolute;
}
.voice.l .img {
	width:80px;
	top:10px;
	left:0;
	font-size:10px;
	line-height:15px;
	text-align:center;
	position:absolute;
}
.voice .img img {
	border-radius:50%;
	text-align:center;
	width:100%;
}
.fbvoice.r {
	padding-right:130px;
	padding-bottom:10px;
}
.fbvoice.l {
	padding-left:100px;
	padding-bottom:10px;
}
.fbvoice .fbvoice-box {
	width: 100%;
    margin-left: 20px;
    margin-right: 30px;
}
/*アイコン*/
.fbvoice.r .img {
	width:80px;
	top:10px;
	font-size:10px;
	line-height:15px;
	margin-left:5px;
	right:0;
	text-align:center;
	margin-bottom: 3px;
	position:absolute;
}
.fbvoice.l .img {
	width:80px;
	top:10px;
	left:0;
	font-size:10px;
	line-height:15px;
	text-align:center;
	position:absolute;
}
.fbvoice .img img {
	
	text-align:center;
	border:3px solid #D8D8D8;
	width:100%;
}
.lnvoice.r {
	padding-right:130px;
	padding-bottom:10px;
}
.lnvoice.l {
	padding-left:100px;
	padding-bottom:10px;
}
.lnvoice .lnvoice-box {
	width: 100%;
    margin-left: 20px;
    margin-right: 30px;
}
/*アイコン*/
.lnvoice.r .img {
	width:80px;
	top:10px;
	font-size:10px;
	line-height:15px;
	margin-left:5px;
	right:0;
	text-align:center;
	margin-bottom: 3px;
	position:absolute;
}
.lnvoice.l .img {
	width:80px;
	top:10px;
	left:0;
	font-size:10px;
	line-height:15px;
	text-align:center;
	position:absolute;
}
.lnvoice .img img {
	border-radius: 50%;
	text-align:center;
	width:100%;
}
.lpwide2 {
	background:#fff;
	margin:0 -300px;
	padding: 20px 300px;
	}
.lpwide2-inner {
	max-width:780px;
	width:100%;
}
.lp-wide-inner {
	max-width:780px;
	width:100%;
}
.voice .voice-box #voice-r {
	margin: 0 30px 70px 0;
}
.voice .voice-box #voice-l {
	margin-bottom: 70px;
}
.fbvoice .fbvoice-box #fbvoice-r {
	margin: 0 30px 70px 0;
}
.fbvoice .fbvoice-box #fbvoice-l {
	margin-bottom: 70px;
}
.lnvoice .lnvoice-box #lnvoice-r {
	margin: 0 30px 70px 0;
}
.lnvoice .lnvoice-box #lnvoice-l {
	margin-bottom: 70px;
}
/*固定幅のボタンの文字サイズ*/
/******************
 デフォルトボタン(長さ固定1）
******************/
.btn-wrap.kotei1 a {
font-size:1.0em;
padding:0.9em 2.3em;
}
/******************
 デフォルトボタン(長さ固定2）
******************/
.btn-wrap.kotei2 a {
font-size:1.0em;
padding:0.9em 2.3em;
}
.tob-inner {
	width:700px;
	max-width:700px;
}
/*ランディングページ用*/
.tob2-inner {
	width:700px;
	max-width:700px;
}
/*ポートフォリオ用ショートコード*/
.pf4 {
    position: relative;
    overflow: hidden;
    width: 25%;
    height: 25%;
    float:left;
}
.pf4:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.pf4 .pf-inner {
	display: block;
    position: absolute;
    top: 0;
    left: -150px;
    right: -150px;
    width: auto;
    height: 100%;
    overflow: hidden;
    margin: auto;
}
/*ポートフォリオB*/
.pf4b {
    width: 23%;
    height: 23%;
}
.pf4b-inner {
    left: -150px;
    right: -150px;
}
}
@media only screen and (min-width: 781px) {
.lpimg-sp {display:none;}
.lpimg-pc {display:block;text-align:center; margin:0 -125px;}
.smanone {
	display: block;
}
.pcnone {
	display: none;
}
/* ショートコードで吹き出しデザイン */

.voice.r {
	padding-right:130px;
	padding-bottom:10px;
}
.voice.l {
	padding-left:100px;
	padding-bottom:10px;
}
.voice .voice-box {
	width: 100%;
    margin-left: 20px;
    margin-right: 30px;
}
/*アイコン*/
.voice.r .img {
	width:100px;
	top:10px;
	font-size:10px;
	line-height:15px;
	margin-left:5px;
	right:0;
	text-align:center;
	margin-bottom: 3px;
	position:absolute;
}
.voice.l .img {
	width:100px;
	top:10px;
	left:0;
	font-size:10px;
	line-height:15px;
	text-align:center;
	position:absolute;
}
.voice .img img {
	border-radius:50%;
	text-align:center;
	width:100%;
}
.fbvoice.r {
	padding-right:130px;
	padding-bottom:10px;
}
.fbvoice.l {
	padding-left:100px;
	padding-bottom:10px;
}
.fbvoice .voice-box {
	width: 100%;
    margin-left: 20px;
    margin-right: 30px;
}
/*アイコン*/
.fbvoice.r .img {
	width:80px;
	top:10px;
	font-size:10px;
	line-height:15px;
	margin-left:5px;
	right:0;
	text-align:center;
	margin-bottom: 3px;
	position:absolute;
}
.fbvoice.l .img {
	width:80px;
	top:10px;
	left:0;
	font-size:10px;
	line-height:15px;
	text-align:center;
	position:absolute;
}
.fbvoice .img img {
	
	text-align:center;
	border:4px solid #D8D8D8;
	width:100%;
}
.lnvoice.r {
	padding-right:130px;
	padding-bottom:10px;
}
.lnvoice.l {
	padding-left:100px;
	padding-bottom:10px;
}
.lnvoice .voice-box {
	width: 100%;
    margin-left: 20px;
    margin-right: 30px;
}
/*アイコン*/
.lnvoice.r .img {
	width:80px;
	top:10px;
	font-size:10px;
	line-height:15px;
	margin-left:5px;
	right:0;
	text-align:center;
	margin-bottom: 3px;
	position:absolute;
}
.lnvoice.l .img {
	width:80px;
	top:10px;
	left:0;
	font-size:10px;
	line-height:15px;
	text-align:center;
	position:absolute;
}
.lnvoice .img img {
	border-radius: 50%;
	text-align:center;
	width:100%;
}
.lpwide2 {
	background:#fff;
	margin:0 -500px;
	padding: 20px 500px;
	}
.lpwide2-inner {
	max-width:1200px;
	width:100%;
}
.lp-wide-inner {
	max-width:1200px;
	width:100%;
        
}
/*=================================
　この記事が気に入ったら
=================================*/
/*記事がよかったら、いいねPC*/

/*=======================================
　カラム
=======================================*/
.colwrap {
	padding:0 5px;
}
.col3 {
	float:left;
	width:32%;
	margin:0 2%;
}
.col3:first-child {
	float:left;
	width:32%;
	margin:0;
}
.col3:last-child {
	float:left;
	width:32%;
	margin:0;
}
.col2:first-child {
	float: left;
    width: 49%;
    margin: 0 1% 0 0;
}
.col2:last-child {
	float:left;
	width:49%;
	margin:0 0 0 1%;
}
.col4 {
	float:left;
	width:23.5%;
	margin:0 1% 0 1%;
}
.col4:first-child {
	float:left;
	width:23.5%;
	margin:0 1% 0 0;
}
.col4:last-child {
	float:left;
	width:23.5%;
	margin:0 0 0 1%;
}
.col37 {
    float: left;
    width: 28%;
    margin: 0 1% 0 1%;
}
.col73 {
    float: left;
    width: 68%;
    margin: 0 1% 0 1%;
}
/*スマホ用だけ文字を小さくするショートコード*/
.spfont {
	font-size:1em;
}
.spfont a {
	font-size:1em;
}
.spfont p {
	font-size:1em;
}
.spfont ul li {
	font-size:1em;
}
.spfont ol {
	font-size:1em;
}
.hbtn-wrap a {
font-size: 1.0em;
}
.tob-inner {
	width:1000px;
    max-width: 1000px;
}
.tob2-inner {
	width:1000px;
    max-width: 1000px;
}
.pf4-inner:hover {
	left:-200px;
	right:-200px;
	transition: .3s;
}
/*ポートフォリオ4列B*/
.pf4b-inner:hover span {
	font-size:1.0em;
}
.tob {
	background-attachment: scroll; 
}
.tob2 {
	background-attachment: fixed; 
}
}