@charset "UTF-8";

/*======================================================
サイト共通の設定
======================================================*/

/*-----------------------------
フォントの設定
-----------------------------*/

@font-face {
	font-family: "YuGothic-M";
	font-weight: normal;
	 src: local("YuGothic-Medium"),
		  local("Yu Gothic Medium"),
		  local("YuGothic-Regular");
}

@font-face {
	font-family: "YuGothic-M";
	font-weight: bold;
	 src: local("YoGothic-Bold"),
		  local("Yu Gothic");
}

html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}

body {
	font-size: 1.3rem;/* 15px */
	//font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";　//文字詰めの設定　  
}

/* スマホの時は13pxで */
@media(max-width:480px){
    body{
        font-size:1.5rem;
    }
}

/*　文字詰めの設定 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}


/*-----------------------------
共通の設定
-----------------------------*/

body {
	line-height: 1.6;
	color: #603813;
}

li, p{
    color:#603813;
}

li,dl,dt,dd{
    margin:0;
    padding:0;    
}

figcaption {
	font-size: 1.1rem;
}

/*clearfix*/

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

dl dt, dl dd{
    padding:0;
    margin:0;
}

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

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

.tel-link a:link,.tel-link a:hover,.tel-link a:active{
    color:#01858d;
    text-decoration: none;
}

section,article{
    margin-bottom:2em;
}

.sentence{
    text-indent: 1em;
}

th{
    text-align: left;
    font-weight: normal;
}

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

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



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

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

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

}

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

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

}

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


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

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


/*-----------------------------
リンク
-----------------------------*/

a:hover img{
    opacity: 0.6;
    filter: alpha(opacity=50);
    -webkit-transition:0.4s;
    transition: 0.4s;
}

a:link ,a:visited {
	color: #A3390F;
	text-decoration:underline dotted;
}

a:hover{
	color: #D74B14;
	text-decoration: none;
    text-decoration:underline dotted;
}


/*　この辺りにマージンだけとかフロートだけとか　*/



.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;
}

.mb60{
    margin-bottom:60px !important;
}

.mb70{
    margin-bottom:70px !important;
}

.mb80{
    margin-bottom:80px !important;
}



.lh12{
    line-height: 1.2;
}

.lh15{
    line-height:1.5;
}

.alignleft {
	margin-right: 80px;
	margin-bottom: 20px;
	float: left;
}

.alignright {
	margin-left: 80px;
	margin-bottom: 20px;
	float: right;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.font10 {
	font-size: 1.0rem;
}

.font11{
    font-size:1.1rem;
}

.font12{
    font-size:1.2rem;
}

.font13{
    font-size:1.3rem;
}

.font14{
    font-size:1.4rem;
}

.font15{
    font-size:1.5rem;
}

.font16{
    font-size:1.6rem;
}

.font17{
    font-size:1.7rem;
}

.font18{
    font-size:1.8rem;
}

.font19{
    font-size:1.9rem;
}

.font20{
    font-size:2.0rem;
}

.font21{
    font-size:2.1rem;
}

.font22{
    font-size:2.2rem;
}

.font23{
    font-size:2.3rem;
}

.font24{
    font-size:2.4rem;
}

.font25{
    font-size:2.5rem;
}

.font26{
    font-size:2.6rem;
}

.font27{
    font-size:2.7rem;
}

.font28{
    font-size:2.8rem;
}



/*　よく使う色　*/

.yellow{
    color:#f59700 !important;
}

.pink{
    color:#ef2e73 !important;
}

.redb{
    color:#ea0404;
    font-weight: bold;
}

.red{
    color:#ea0404;
}

.blue{
    color:#3485f2;
}