@charset "UTF-8";

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

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

body {
    font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}

body,p,li {
    color: #1a1a1a;
}

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

ol li{
    list-style-position: inside;
}


/*clearfix*/

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


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

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

a{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

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

a:link ,a:visited {
    color: #1a1a1a;
    text-decoration: none;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
}

a:hover{
    color: #999;
}

.tel-link a:link,.tel-link a:hover,.tel-link a:active{
    color:#1a1a1a;
}

table.ta th, table.ta td{
    border:1px solid #999;
    padding:8px;
}

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

address{
    font-style: normal;
}

/*----  テーブルのレスポンシブ設定 --*/

@media only screen and (max-width: 480px) {
    .ta{
        width: 100%;
    }
    .ta th,
    .ta td{
        display: block;
    }
}


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

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



/*-----------------------------
テーブルの設定
-----------------------------*/

table{
    width:100%;
    margin: 20px auto;
}


table th,table td{
    border:1px solid #999;
    padding:8px;
}

table th{
    text-align: left;
}

/* スマホで縦並びにする場合 */
@media only screen(max-width: 600px) {
    .res-ta th,
    .res-ta td{
        display: block;
    }
    
    .res-ta th{
        background: #f2f2f2;
        margin-bottom:none;
    }
}

/*-----------------------------
基本的なboxshadow
-----------------------------*/

.boxshadow{
    -webkit-box-shadow:0px 0px 4px 3px rgba(187,187,187,0.4);
    box-shadow:0px 0px 4px 3px rgba(187,187,187,0.4);
}



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


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

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

@media print, screen and (min-width: 768px) { 
    /* パソコン以上で表示しない */
    .pc-none{
        display: none !important;
    }
}

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

@media(min-width:481px){

    /* 画像配置 左 */
    img.alignleft {
        text-align: left;
        margin:0 20px 10px 0;
    }

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

    /* 画像配置 右 */
    img.alignright {
         text-align:right;
         margin: 0 0 10px 20px;
    }
    
    .alignright {
        float: right;
    }

    .alignleft {
        float: left;
    }
    
}



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

.w600{
    max-width:600px;
    margin:20px auto;
}

.w700{
    max-width:700px;
    margin:20px auto;	
}

.w800{
    max-width:800px;
    margin:20px auto;
}

.w900{
    max-width:900px;
    margin:20px auto 40px;
}

.w1024{
    max-width: 1024px;
    margin:20px auto 40px;
}

.mb0{
    margin-bottom:0 !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mt30{
    margin-top: 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;
}

.mt0{
    margin-top:0px !important;
}

.mt10{
    margin-top:10px !important;
}

.mr0{
    margin-right:0px !important;
}

.mr10{
    margin-right:10px !important;
}

.mr20{
    margin-right:20px !important;
}

.mr30{
    margin-right:30px !important;
}

.ml0{
    margin-left:0px !important;
}

.ml10{
    margin-left:10px !important;
}

.ml20{
    margin-left:20px !important;
}

.ml30{
    margin-left:30px !important;
}


.indent-1{
    text-indent: 1em;
}

.indent-2{
    text-indent: 2em;
}

.indent-3{
    text-indent: 3em;
}



.lh12{
    line-height: 1.2;
}

.lh15{
    line-height:1.5;
}

.lh20{
    line-height:2.0;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}



/*　font　*/

.font10 {
    font-size:10px;
	font-size: 1.0rem !important;
}

.font11{
    font-size:11px;
    font-size:1.1rem !important;
}

.font12{
    font-size:12px;
    font-size:1.2rem !important;
}

.font13{
    font-size:13px;
    font-size:1.3rem !important;
}

.font14{
    font-size:14px;
    font-size:1.4rem !important;
}

.font15{
    font-size:15px;
    font-size:1.5rem !important;
}

.font16{
    font-size:16px;
    font-size:1.6rem !important;
}

.font17{
    font-size:17px;
    font-size:1.7rem !important;
}

.font18{
    font-size:18px;
    font-size:1.8rem !important;
}

.font19{
    font-size:19px;
    font-size:1.9rem !important;
}

.font20{
    font-size:20px;
    font-size:2.0rem !important;
}

.font21{
    font-size:21px;
    font-size:2.1rem !important;
}

.font22{
    font-size:22px;
    font-size:2.2rem !important;
}

.font23{
    font-size:23px;
    font-size:2.3rem !important;
}

.font24{
    font-size:24px;
    font-size:2.4rem !important;
}

.font25{
    font-size:25px;
    font-size:2.5rem !important;
}

.font26{
    font-size:26px;
    font-size:2.6rem !important;
}

.font27{
    font-size:27px;
    font-size:2.7rem !important;
}

.font28{
    font-size:28px;
    font-size:2.8rem !important;
}

.font29{
    font-size:29px;
    font-size:2.9rem !important;
}

.font30{
    font-size:30px;
    font-size:3.0rem !important;
}

/*--------------------------------
テーマカラー（フォント、背景、ボーダー色）
--------------------------------*/

.white{
    color:#fff !important;
}

.pink{
    color:#f747ba !important;
}

.bg-pink{
    background:#f747ba !important;
}

.border-pink{
    border:1px solid #f747ba !important;
}

.bg-lignt-pink{
    background: #fadbe2 !important;
}

.green{
    color:#0eaf5b;
}

//.bg-green{
    background:#0eaf5b !important;
}

.border-green{
    border:1px solid #0eaf5b !important;
}

.ora{
    color:#d93300 !important;
}

.border-orange{
    border:1px solid #ff931e !important;
}

.blue{
    color:#279ae0;
}

.bg-blue{
    background:#279ae0 !important;
}

.border-blue{
    border:1px solid #279ae0 !important;
}

/*　よく使うカラー　*/

mark{
    background-color:#ff9 !important;
    color:#000 !important;
}

.redb{
    color:#f00 !important;
    font-weight: bold !important;
}

.red{
    color:#f00 !important;
}

.bg-red{
    background: #f00;
}

.white{
	color:#fff !important;
}