@charset "utf-8";
/* CSS Document */

@font-face{
    font-family:'lvn';
    src:  url('/rp/fonts/lvn.eot?2dcivb');
    src:url('/rp/fonts/lvn.ttf?2dcivb') format('truetype'),
        url('/rp/fonts/lvn.woff?2dcivb') format('woff');
    font-weight:normal;
    font-style:normal;
}
.imgFont{
    font-family:"lvn";
}


.pc,
.pd,
.pdsp,
.sp{
	display:none;
}

body{
	color:#181818;
    text-align: justify;
}

img{
	border:none;
	vertical-align:baseline;
}

.clear{
	clear:both;
}

.clearfix,
.mainWidth{
	zoom:100%;
}

.clearfix:after,
.mainWidth:after{
	content:".";
	display:block;
	height:0;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	visibility:hidden;
	clear:both;
}

.alignLeft{
	text-align:left;
}
.alignRight{
	text-align:right;
}
.alignCenter{
	text-align:center;
}
.left{
	float:left;
}
.right{
	float:right;
}
.noWrap{
    white-space:nowrap
}
a:link,
a:visited,
a:active{
	color:#5283c6;
	text-decoration:none;
}

a:hover{
	color:#97b5dd;/*暫定です*/
	text-decoration:none;
}

.textLarge{
	font-size:1.4em;
}

.textSmall{
	font-size:0.8em;
}

.gray{
	color:#9b9b9b;
}

.red{
	color:#c8151e;
}

.blue{
	color:#144c94;
}

.pageTitle{
	box-sizing:border-box;
	display:block;
	margin:0;
	padding:20px 0 10px 0;
	font-size:1.4em;
	font-weight:bold;
}

.serviceTitle{
	margin:0;
	padding:0 0 10px 0;
	color:#15274d;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.artcleTitle{
	color:#181818;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}

.artcleTitle a{
	color:#181818;
	text-decoration:none;
}

.artcleTitle a:hover{
	color:#a9a9a9;
}

.contentTitle{
	margin:0 0 20px 0;
	padding:0 0 0 10px;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.0;
	border-left:2px solid #181818;
}

.pageDescriptionTitle{
	box-sizing:border-box;
	display:block;
	margin:0;
	padding:0 0 10px 0;
}
/* 真中揃え */
.layoutCenter {
	margin:0 auto;
}


@media screen and (min-width:769px){	
	.pc{
		display:block;
	}

	span.pc{
		display:inline;
	}

}


@media screen and (max-width:768px) and (min-width:415px){
	.pd{
		display:block;
	}

	span.pd{
		display:inline;
	}
}


@media screen and (max-width:768px){
	.pdsp{
		display:block;
	}

	span.pdsp{
		display:inline;
	}

	.pageTitle{
		height:auto;
		margin:0 0 10px 0;
		padding:10px 10px 5px 10px;
		font-size:1.2em;
	}
	h1.pageTitle.pc {
		display:none;
	}
	.contentTitle{
		margin:0 10px 20px 10px;
	}
	.pageDescriptionTitle {
		padding:0 10px 10px;
    }
}


@media screen and (max-width:414px){
	.sp{
		display:block;
	}

	span.sp{
		display:inline;
	}
}

/*debug START*/
#debug{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:10px;
	background:rgba(255,255,255,0.5);
	z-index:10000;
}

@media screen and (max-width:768px){
    #debug{
        display:none;
    }

    input[type="button"],input[type="text"],input[type="submit"] {
       -webkit-appearance: none;
       border-radius: 0;
    }
}

/*debug END*/


/* SNS START */
.snsLyout{
    display:none;
}
.snsButtons{
    display:-moz-flex;
    display:-ms-flex;
    display:-webkit-flex;
    display:flex;
    padding:5px 10px;
}
.snsButtons li{
    padding:0 2px;
    list-style:none;
}
.snsButtons li img{
    display:block;
    width:90px;
    height:21px;
    background:center top no-repeat;
}
.snsButtons li.forLine img{
    background-image:url(/magazine/images/lineLong.gif);
}
.snsButtons li.forFacebook img{
    background-image:url(/magazine/images/fbLong.gif);
}
.snsButtons li.forTwitter img{
    background-image:url(/magazine/images/twLong.gif);
}
.snsButtons.pdsp{
    display:none;
}
.snsButtons.footSns{
    -moz-justify-content:flex-end;
    -ms-justify-content:flex-end;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
    padding:10px;
}
.snsButtons.footSns li{
    padding:0 4px;
}
.snsButtons.footSns li img{
    width:44px;
    height:44px;
}
.snsButtons.footSns li img.lazyload{
    background:none;
}
.snsButtons.footSns li.forLine img.lazyloaded{
    background-image:url(/magazine/images/snsLine.png);
    background-size:100%;
}
.snsButtons.footSns li.forFacebook img.lazyloaded{
    background-image:url(/magazine/images/snsFb.png);
    background-size:100%;
}
.snsButtons.footSns li.forTwitter img.lazyloaded{
    background-image:url(/magazine/images/snsTwitter.png);
    background-size:100%;
}

@media screen and (max-width:768px){
    .snsLyout{
        display:block;
    }
    .snsButtons.pc{
        display:none;
    }
    .snsButtons.pdsp{
        display:-moz-flex;
        display:-ms-flex;
        display:-webkit-flex;
        display:flex;
        -moz-justify-content:flex-end;
        -ms-justify-content:flex-end;
        -webkit-justify-content:flex-end;
        justify-content:flex-end;
        padding:8px 0 0 0;
    }
    .snsButtons li img{
        width:48px;
        height:48px;
    }
    .snsButtons li.forLine img{
        background-image:url(/magazine/images/snsLine.png);
        background-size:100%;
    }
    .snsButtons li.forFacebook img{
        background-image:url(/magazine/images/snsFb.png);
        background-size:100%;
    }
    .snsButtons li.forTwitter img{
        background-image:url(/magazine/images/snsTwitter.png);
        background-size:100%;
    }
    .snsButtons.pdsp.columnPf{
        right:40px;
    }
    .snsButtons.footSns{
        -moz-justify-content:flex-start;
        -ms-justify-content:flex-start;
        -webkit-justify-content:flex-start;
        justify-content:flex-start;
    }
    .snsButtons.footSns li img{
        width:48px;
        height:48px;
    }
    .snsButtons.pdsp li{
        padding:0 4px;
    }
}
@media screen and (max-width:414px){
    .snsLyout{
        position:static;
        width:auto;
        height:auto;
        float:left;
    }
    .btnUnderColumn .snsLyout{
        float:none;
    }
    .snsButtons.pdsp{
        position:static;
        top:auto;
        right:auto;
    }

}
/* SNS END */