@import url('reset.css');


/*--------------------------------------
tag
--------------------------------------*/
body {
    position: relative;
    color: #333;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'Noto Sans JP', "游ゴシック", YuGothic, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
}
a {
	color: #A3BF33;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}


/* fadein */
body {
    animation: fadeIn 4s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/*--------------------------------------
common
--------------------------------------*/

/* FLOAT */
.fltL {
	float: left !important;
}
.fltR {
	float: right !important;
}
.fltL01 {
	float: left;
	margin: 0px 10px 10px 0;
}
.fltR01 {
	float: right;
	margin: 0px 0 10px 10px;
}

/* ALIGNxVALIGN */
.alignL {
	text-align: left !important;
}
.alignC {
	text-align: center !important;
}
.alignR {
	text-align: right !important;
}
.valignT {
	vertical-align: top !important;
}
.valignM {
	vertical-align: middle !important;
}
.valignB {
	vertical-align: bottom !important;
}

/* FONT */
.sizeS {
	font-size: 11px !important;
}
.sizeM {
	font-size: 13px !important;
}
.sizeL {
	font-size: 15px !important;
}
.bold {
	font-weight:bold !important;
}
.underline {
	text-decoration:underline;
}

/* MARGIN */
.mrgL0 {
	margin-left: 0 !important;
}
.mrgL10 {
	margin-left: 10px !important;
}
.mrgL20 {
	margin-left: 20px !important;
}
.mrgR0 {
	margin-right: 0 !important;
}
.mrgR10 {
	margin-right: 10px !important;
}
.mrgR15 {
	margin-right: 15px !important;
}
.mrgR20 {
	margin-right: 20px !important;
}
.mrgT-20 {
	margin-top: -20px !important;
}
.mrgT0 {
	margin-top: 0 !important;
}
.mrgT5 {
	margin-top: 5px !important;
}
.mrgT10 {
	margin-top: 10px !important;
}
.mrgT20 {
	margin-top: 20px !important;
}
.mrgT30 {
	margin-top: 30px !important;
}
.mrgT40 {
	margin-top: 40px !important;
}
.mrgT50 {
	margin-top: 50px !important;
}
.mrgB0 {
	margin-bottom: 0 !important;
}
.mrgB10 {
	margin-bottom: 10px !important;
}
.mrgB20 {
	margin-bottom: 20px !important;
}
.mrgLR {
	margin-right: auto !important;
	margin-left: auto !important;
}
.mrgLR10 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}
.mrgLR20 {
	margin-right: 20px !important;
	margin-left: 20px !important;
}
.mrgLR30 {
	margin-right: 30px !important;
	margin-left: 30px !important;
}
.mrgLR35 {
	margin-right: 35px !important;
	margin-left: 35px !important;
}
.mrgTB10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

/* PADDING */
.pdgL20 {
	padding-left: 20px !important;
}
.pdgT10 {
	padding-top: 10px !important;
}
.pdgT20 {
	padding-top: 20px !important;
}


/* WIDTH */
.w50 {
	width: 50px ;
}
.w60 {
	width: 60px ;
}
.w70 {
	width: 70px !important;
}
.w100 {
	width: 100px !important;
}
.w120 {
	width: 120px !important;
}
.w150 {
	width: 150px !important;
}
.w200 {
	width: 200px !important;
}
.w250 {
	width: 250px !important;
}
.w300 {
	width: 300px !important;
}
.w400 {
	width: 400px !important;
}
.w480 {
	width: 480px !important;
}
.w100p {
	width: 100% !important;
}
.w50p {
	width: 50% !important;
}
.ws1 {
	white-space: nowrap !important;
}
.ws2 {
	white-space: normal !important;
}


/* CLEAR */
.clear {
	clear: both;
}
.clearfix:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
}
.clearfix{
	zoom:1;
	overflow:hidden;
}


a{
	color:#000;
	text-decoration:none;
}
.clr{
	clear:both;
}
h1, h5{
	font-size:44px;
	font-family: 'Lora', sans-serif;
}
h1 span, h5{
	font-size:12px;
	display:block;
}


ul.btn2c::after{
	content: '';
	display: block;
	clear: both;
}

ul.btn2c li {
    width: 46%;
    float: left;
    padding-left: 2%;
    padding-right: 2%;
}

ul.btn2c li a{
	display: block;
	padding:20px;
	background-color: #A3BF5F;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
}
.profBox{
	background-color: #E7E7E7;
	padding: 20px;
}
.profBox p{
	font-size: 16px;
}
.commentBox p{
	font-size:18px;
	font-family: 'Lora', "Yu Mincho", "YuMincho", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'HGS明朝B', 'ＭＳ Ｐ明朝', serif;
	line-height: 1.7;
}
.commentBox{
	margin-bottom:30px;
}
.commentBox p strong{
	font-size: 24px;
}




@media (max-width: 667px){
	.inner{
		padding-left: 2%;
		padding-right: 2%;
	}
}