@charset "UTF-8";


/* PC・SP共通設定 */
html, body{
	border: 0;
	margin: 0;
	padding: 0;
}
/*body{
	font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 100%;
	line-height: 1.8em;
	color: #333;
}*/
/* font-family */

  body {
    font: 15px/1.231 'YuGothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
    font-weight: 500;
    font-feature-settings: "palt";
    line-height: 1.8;
    letter-spacing: .08em;
    *font-size: small;
    *font: x-small;
    color: #232323;
    -webkit-font-smoothing: antialiased;
  }

  @media all and (-ms-high-contrast:none) {
    body {
      font-family: 'メイリオ', 'Meiryo', 'Lato', 'YuGothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
    }
  }
  strong {
    font-family: 'Koburina Gothic W6 JIS2004';
    font-weight: bold;
  }
/* font
  ********************************************** */
.font-jp,
.ttl-01,
.ttl-02,
.ttl-03,
.editor-ttl,
.editor-ttl2,
.editor-ttl3,
table th,
.wp-pagenavi,
.mce-content-body h1,
.mce-content-body h2,
.mce-content-body h3,
.mce-content-body h4,
.mce-content-body h5,
.mce-content-body h6 {
  font-family: "Shuei MaruGo B";
}
.font-en {
  font-family: sofia-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.font-en-b {
  font-family: sofia-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.db{display: block;}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-weight :normal;
}
p, ul, ol{
	margin: 0;
	padding: 0;
}
ul li, ol li {
    list-style-type: none;
}
/*
img{
	border: 0;
	vertical-align: bottom;
	width: 100%;
    height: auto;
}
*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*ページTOPに戻る指定*/
#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:0px;
	bottom:0px;
	z-index:999999999;
}
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:orange;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#page-top p:hover{
	background:#8b8b8b;
}
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}
/*ページTOPに戻る指定ここまで*/

/*マウスオーバー設定*/
a:hover img.hoverimg {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.fade {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
} 
/*マウスオーバー設定ここまで*/


/*テキストリンク設定*/
a:link {
	color: #3f3f3f;
	text-decoration: none;
}

a:visited {
	color: #3f3f3f;
	text-decoration: underline;
}

a:hover {
	color: #6bb6ff;
	text-decoration: none;
}

a:active {
	color: #6bb6ff;
	text-decoration: none;
}
/*box-sizing*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


.f_coB{color: #006daa;}
.f_cBlue{
    color: #6bb6ff;
}
.fweightB{font-weight: bold;}       
.txtBold{font-weight: bold;}  

.underY { 
	background: linear-gradient(transparent 0, #ffff66 0);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.underYs { 
	background: linear-gradient(transparent 60%, #ff6 60%);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.underB { 
	background: linear-gradient(transparent 0, #C7E6FF 0);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;

}
.underBs { 
	background: linear-gradient(transparent 60%, #6FF 60%);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.bg_Y{ 
	/*background-color: #FFFAD2;*/
	background-color: rgba(255,250,210,0.65);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.bg_B{ 
	background-color: aliceblue; 
}

/*回り込み解除*/
.bsp-0 {
	height: auto;
	width: 100%;
	clear: both;
	padding: 0px;
	margin: 0px;
}
.bsp-10 {
	height: 10px;
	width: 100%;
	clear: both;
	padding: 0px;
}
.bsp-20 {
	height: 20px;
	width: 100%;
	clear: both;
	padding: 0px;
}
.bsp-30 {
	height: 30px;
	width: 100%;
	clear: both;
	padding: 0px;
}
.bsp-40 {
	height: 40px;
	width: 100%;
	clear: both;
	padding: 0px;
}
.bsp-50 {
	height: 50px;
	width: 100%;
	clear: both;
	padding: 0px;
}
.bsp-60 {
	height: 60px;
	width: 100%;
	clear: both;
	padding: 0px;
}
.bsp-70 {
	height: 70px;
	width: 100%;
	clear: both;
	padding: 0px;
}
.bsp-80 {
	height: 80px;
	width: 100%;
	clear: both;
	padding: 0px;
}
.bsp-90 {
	height: 90px;
	width: 100%;
	clear: both;
	padding: 0px;
}
.bsp-100 {
	height: 100px;
	width: 100%;
	clear: both;
	padding: 0px;
}

.m_0Auto{margin: 0 auto;}

/* PC向けのスタイル： 481px～ */
@media only screen and (min-width: 481px) {
	.lh13{line-height: 1.3;}
	.lh15{line-height: 1.5;}
	.lh18{line-height: 1.8;}
    .px_ft10 {font-size: 10px!important;}	
    .px_ft12 {font-size: 12px;}	
    .px_ft13 {font-size: 13px;}	
    .px_ft14 {font-size: 14px;}
    .px_ft15 {font-size: 15px;}
    .px_ft16 {font-size: 16px;}
    .px_ft17 {font-size: 17px;}
    .px_ft18 {font-size: 18px;}
    .px_ft19 {font-size: 19px;}
    .px_ft20 {font-size: 20px;}
    .px_ft21 {font-size: 21px;}
    .px_ft22 {font-size: 22px;}	
    .px_ft26 {font-size: 26px;}

    /* margin-top */
    .mt10 {margin-top: 10px;}
    .mt15 {margin-top: 15px;}
    .mt20 {margin-top: 20px;}
    .mt25 {margin-top: 25px;}
    .mt30 {margin-top: 30px;}
    .mt35 {margin-top: 35px;}
    .mt40 {margin-top: 40px;}
    .mt45 {margin-top: 45px;}
    .mt50 {margin-top: 50px!important;}
    .mt60 {margin-top: 60px;}
    .mt70 {margin-top: 70px;}
    .mt80 {margin-top: 80px;}
    .mt90 {margin-top: 90px;}
    .mt100 {margin-top: 100px;}    
	.mt120 {margin-top: 120px;}
    
    /* margin-bottom */
    .mb10 {margin-bottom: 10px;}
    .mb15 {margin-bottom: 15px;}
    .mb20 {margin-bottom: 20px;}
    .mb25 {margin-bottom: 25px;}
    .mb30 {margin-bottom: 30px;}
    .mb35 {margin-bottom: 35px;}
    .mb40 {margin-bottom: 40px;}
    .mb45 {margin-bottom: 45px;}
    .mb50 {margin-bottom: 50px;}
    .mb60 {margin-bottom: 60px;}
    .mb70 {margin-bottom: 70px;}
    .mb80 {margin-bottom: 80px;}
    .mb90 {margin-bottom: 90px;}
    .mb100 {margin-bottom: 100px;}
    .mb120 {margin-bottom: 120px;}
	
	
    /* margin-right */
    .mr10 {margin-right: 10px;}
    .mr15 {margin-right: 15px;}
    .mr20 {margin-right: 20px;}
    .mr25 {margin-right: 25px;}
    .mr30 {margin-right: 30px;}
    .mr35 {margin-right: 35px;}
    .mr40 {margin-right: 40px;}
    .mr45 {margin-right: 45px;}
    .mr50 {margin-right: 50px;}
    .mr60 {margin-right: 60px;}
    .mr65 {margin-right: 65px;}    
	.mr70 {margin-right: 70px;}
    
    /* margin-left */
    .ml10 {margin-left: 10px;}
    .ml15 {margin-left: 15px;}
    .ml20 {margin-left: 20px;}
    .ml25 {margin-left: 25px;}
    .ml30 {margin-left: 30px;}
    .ml35 {margin-left: 35px;}
    .ml40 {margin-left: 40px;}
    .ml45 {margin-left: 45px;}
    .ml50 {margin-left: 50px;}
	.pdt5 {padding-top: 5px;}		
	.pdt30 {padding-top: 30px;}	
	.pdt50 {padding-top: 50px;}	
	.pd30 {padding: 30px;}
	.pdb30 {padding-bottom: 30px;}
}

/* スマホ向けのスタイル： ～480px */
@media only screen and (max-width: 480px) { 



    img{
        border: 0;
        vertical-align: bottom;
        max-width: 100%;
        height: auto;
    }
    #page-top{
        width:50px;
        height:50px;
        display:none;
        position:fixed;
        right:0px;
        bottom:120px;
        z-index:999999999;
    }
		.lhsp13{line-height: 1.3;}
		.lhsp15{line-height: 1.5;}
		.lhsp18{line-height: 1.8;}    
		.vw_ft10{font-size: 2.6vw!important;}	
		.vw_ft10_8 {font-size: 2.8vw!important;}	
		.vw_ft11 {font-size: 2.9vw!important;}			
		.vw_ft12{font-size: 3.2vw;}
		.vw_ft13 {font-size: 3.4vw!important;}
		.vw_ft13_5 {font-size: 3.6vw!important;}
		.vw_ft14 {font-size: 3.8vw!important;}
		.vw_ft15 {font-size: 4vw!important;}
		.vw_ft16 {font-size: 4.2vw!important;}
		.vw_ft16_5 {font-size: 4.5vw!important;}
		.vw_ft17 {font-size: 4.6vw!important;}
		
		.vw_ft18{font-size: 4.8vw !important;}		
		.vw_ft20{font-size: 5.35vw !important;}
		.vw_ft24{font-size: 6.4vw !important;}
		
		/*カテゴリートップ、用途ページなどのページタイトル用スタイル（h1 display:none で隠しているもの）*/		
		.vw_Mt0{margin-top: 0!important;}
		.vw_Mb0{margin-bottom: 0!important;}
		.vw_Mr0{margin-right: 0!important;}
		.vw_Ml0{margin-left: 0!important;}
		
		.vw_Mt4_5 {margin-top: 1.2vw!important;}
		.vw_Mt5 {margin-top: 1.3vw!important;}
		.vw_Mt5_3 {margin-top: 1.8vw!important;}
		.vw_Mt10 {margin-top: 2.6vw!important;}
		.vw_Mt18_5{ margin-top: 5vw!important;}		
		.vw_Mt19 {margin-top: 5vw!important;}		
		.vw_Mt13 {margin-top: 3.4vw!important;}		
		.vw_Mt9 {margin-top: 2.4vw!important;}
		.vw_Mt60 {margin-top: 16vw!important;}
		.vw_Mt70 {margin-top: 18.6vw!important;}
		.vw_Mt80 {margin-top: 21.3vw!important;}
		.vw_Mt90 {margin-top: 24vw!important;}
		.vw_Mt100 {margin-top: 26.6vw!important;}
		.vw_Mt50 {margin-top: 13vw!important;}
		.vw_Mt20 {margin-top: 5.3vw!important;}		
		.vw_Mt28 {margin-top: 7.4vw!important;}	
		.vw_Mt30 {margin-top: 8vw!important;}
		.vw_Mt38 {margin-top: 10vw!important;}	
		.vw_Mt18 {margin-top: 4.8vw!important;}
		.vw_Mt15 {margin-top: 4vw!important;}
		.vw_Mt22{margin-top: 5.8vw!important;}
		.vw_Mt28_5 {margin-top: 7.6vw!important;}
		.vw_Ml5 { margin-left: 1vw;}
		.vw_Ml8 { margin-left: 2vw;}
		.vw_Ml11{margin-left: 2.9vw!important;}
		.vw_Ml14 { margin-left: 3.7vw;}		
		.vw_Ml18 {margin-left: 4.8vw!important;}		
		.vw_Ml22{margin-left: 5.8vw!important;}
		.vw_Ml39{margin-left: 10.5vw !important;}
		.vw_Ml40 { margin-left: 10vw;}
		.vw_Ml59 { margin-left: 15.8vw!important;}
		.vw_Ml59_5 { margin-left: 13.3vw!important;}
		.vw_Ml60 {margin-left: 16vw;}
		.vw_Ml69{margin-left: 18vw!important;}
		.vw_Ml72 {margin-left: 19.2vw!important;}
		.vw_Ml98 { margin-left: 26.2vw!important;}		
		.vw_Mt2 {margin-top: 0.5vw!important;}		
		.vw_Mt7 {margin-top: 1.8vw!important;}
		.vw_Mt24 {margin-top: 6.4vw !important;}		
		.vw_Mt25{margin-top: 6vw!important;}
		.vw_Mt28_5 {margin-top: 7.6vw!important;}
		.vw_Mt70{margin-top: 19vw!important;}			
		.vw_Mb3 {margin-bottom: 0.8vw!important;}
		.perC_Mb3 {margin-bottom: 3%!important;}
		.vw_Mb4 {margin-bottom: 1vw!important;}
		.vw_Mb5_2 {margin-bottom: 1.2vw!important;}
		.vw_Mb4_5 {margin-bottom: 1.2vw!important;}
		.vw_Mb8 {margin-bottom: 2.1vw!important;}		
		.vw_Mb9 {margin-bottom: 2.4vw!important;}		
		.vw_Mb10 {margin-bottom: 2.6vw!important;}
		.vw_Mr8 {margin-right: 2.1vw!important;}
		.vw_Mr9 {margin-right: 2.6vw!important;}		
		.vw_Mr10 {margin-right: 2.8vw!important;}
		.vw_Mr11 {margin-right: 2.9vw!important;}
		.vw_Mr14 {margin-right: 3.7vw!important;}
		.vw_Mr15 {margin-right: 4vw!important;}
	
		.vw_Mr17 {margin-right: 4.5vw!important;}
	
		.vw_Mr22 {margin-right: 5.8vw!important;}
		.vw_Mr25 {margin-right: 6.6vw!important;}
		.vw_Mr28 {margin-right: 7.4vw!important;}
		.vw_Mb5_3 {margin-bottom: 1.8vw!important;}		
		.vw_Mb6{margin-bottom: 1.6vw !important;}
		.vw_Mb7{margin-bottom: 1.8vw !important;}
		.vw_Mb11{margin-bottom: 2.9vw !important;}
		.vw_Mb15 {margin-bottom: 4vw!important;}
		.vw_Mb18 {margin-bottom: 4.8vw!important;}
		.vw_Mb20 {margin-bottom: 5.3vw!important;}		
		.vw_Mb25{margin-bottom: 6.6vw !important;}
		.vw_Mb28{margin-bottom: 7.4vw !important;}
		.vw_Mb30 {margin-bottom: 8vw!important;}	
		.vw_Mb38 {margin-bottom: 10vw!important;}
		.vw_Mb40 {margin-bottom: 10.6vw!important;}	
		.vw_Mb45 {margin-bottom: 12vw !important;}
		.vw_Mb55 {margin-bottom: 14.6vw !important;}
		.vw_Mb29 {margin-bottom: 7.6vw !important;}	

		.el_vw_Pt12{padding-top: 3.2vw!important;}
		.vw_pl9{padding-left: 2.5vw!important;}
		.el_vw_Pb12	{padding-bottom: 3.2vw!important;}
		.el_vw_P40{padding: 10vw!important;	}
		.el_vw_P18{padding: 4.8vw!important;}
		.el_vw_P18_9{padding: 4.5vw 2.4vw!important;}		
		.vw_P17{padding: 4.5vw!important;}
		.vw_pb12 { padding-bottom: 3.2vw!important;}
		.vw_pt10 { padding-top: 2.6vw!important;}
		.vw_pt12 { padding-top: 3.2vw!important;}
		.vw_Pt60 {padding-top: 16vw;}
        
		/* %関連　margin-top */
		.spmt3 {margin-top: 3%!important;}
		.spmb3 {margin-bottom: 3%!important;}
		.spmr5 {margin-right: 5%!important;}
		.spml5 {margin-left: 5%!important;}		
	    .spmr3 {margin-right: 3%!important;}    
		.spml3 {margin-left: 3%!important;}    

    
    

}