@charset "UTF-8";
/*
========================================
サイトの共通設定
========================================
*/


p{
    margin:0;
}

/*-----------------------------
clearfix
-----------------------------*/

.cf:after {
    content:" ";
    display:block;
    clear:both;
}

/*------------------------------------------------
WordPress画像の配置
------------------------------------------------*/

/* 画像配置 左 */
img.alignleft {
    text-align: left;
    margin: 1em auto 1em 1em;
}

/* 画像配置 中央 */
img.aligncenter {
    display: block;
    margin: 1em auto;
}

/* 画像配置 右 */
img.alignright {
    display: block;
    margin: 1em 1em 1em auto;
}


/*-----------------------------
画像をレスポンシブに
-----------------------------*/

img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
}

.small img{
    max-width:300px;
}

.resize img{
    max-width: 100vw;
}


/*-----------------------------
リンクの設定
-----------------------------*/

a:hover img{
    opacity:0.6;
}

a:link{color:#406700;}
a:visited{color:#406700;}
a:hover{color:#ff5d00;}

/*-----------------------------
禁則処理
-----------------------------*/

p{ line-break: normal; }
p{ line-break: strict; }


/*-----------------------------
配置の設定
-----------------------------*/

.align-center{
	text-align:center;
}
.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}
.f-left{
	float:left;
}
.f-right{
	float:right;
}
.cl-l{
	clear:left;
}
.cl-r{
	clear:right;
}
.cl-b{
	clear:both;
}
.mb10{
	margin-bottom:10px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb30{
	margin-bottom:30px !important;
}
.mb40{
	margin-bottom:40px !important;
}

.mb50{
	margin-bottom:50px !important;
}

section{
    margin-bottom:2em;
}

li,dd{
    margin:0;
}

/*-----------------------------
色の設定
-----------------------------*/

.red{
	color:#f00;
}
.redb{
	color:#f00;
	font-weight:bold;
}
.pink{
	color:#e11786;
}
.pinkb{
	color:#e11786;
	font-weight:bold;
}
.green{
	color:#01772b;
}
.greenb{
	color:#01772b;
}
.center{
	text-align:center;
}

@media(min-width:768px){
    .pc-center{
        text-align: center !important;
    }
}

.right{
	text-align:right;
}
.middle{
	vertical-align:middle;
}
.bold{
	font-weight:bold;
}
.ora{
    color:#ff7400;
}

.orab{
    color:#ff7400;
    font-weight:bold;
}

/*-----------------------------
フォントサイズの設定
-----------------------------*/

html{
    font-size:62.5%;
}

body{
    font-size:14px;
    font-size:1.4rem;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.75;
	color: #444;
    position:relative;
}

.font10{
	font-size:10px;
    font-size:1.0rem;
}
.font11{
	font-size:11px;
    font-size:1.1rem;
}
.font12{
	font-size:12px;
    font-size:1.2rem;
}
.font13{
	font-size:13px;
    font-size:1.3rem;
}
.font14{
	font-size:14px;
    font-size:1.4rem;
}
.font15{
	font-size:15px;
    font-size:1.5rem;
}
.font16{
	font-size:16px;
    font-size:1.6rem;
}
.font17{
	font-size:17px;
    font-size:1.7rem;
}
.font18{
	font-size:18px;
    font-size:1.8rem;
}
.font19{
	font-size:19px;
    font-size:1.9rem;
}
.font20{
	font-size:20px;
    font-size:2.0rem;
    font-size:clamp(1.6rem, 1.8vw, 2.0rem) !important;
}
.font21{
	font-size:21px;
    font-size:2.1rem;
}
.font22{
	font-size:22px;
    font-size:2.2rem;
}
.font23{
	font-size:23px;
    font-size:2.3rem;
}
.font24{
	font-size:24px;
    font-size:2.4rem;
}
.font25{
	font-size:25px;
    font-size:2.5rem;
}
.font26{
	font-size:26px;
    font-size:2.6rem;
}
.font27{
	font-size:27px;
    font-size:2.7rem;
}
.font28{
	font-size:28px;
    font-size:2.8rem;
}
.font29{
	font-size:29px;
    font-size:2.9rem;
}
.font30{
	font-size:30px;
    font-size:3.0rem;
}

/*-----------------------------
改行に関するcss
-----------------------------*/

/* スマホ・タブレットで改行しない */

@media screen and (max-width:768px){
    .s-nobr{
        display:none;
    }

}

/* パソコンで改行しない */

@media screen and (min-width:768px){
    .p-nobr{
        display:none;
    }

}

/*-----------------------------
表示に関するcss
-----------------------------*/

@media(min-width:768px){
    /*PCのときは表示しない設定*/
    .pc-none{
        display: none;
    }
}

@media screen and (max-width:480px){
    
    /*スマホのときだけ表示しない設定*/
    .s-none{
        display: none;
    }

    /* スマホのときだけ左寄せ */
    .s-left{
        text-align:left;    
    }
    
}