/*
Theme Name: hirosewp
Theme URI: https://www.hirozou.jp/
Description: hirosewp記事
Version: 1.0
Author: hirosewp
Author URI: https://www.hirozou.jp/
*/






/********************************************
 * reset
 ********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	margin:0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 100%;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	margin:0;
	font-family: "ヒラギノ角ゴ Pro W3", "小塚ゴシック Pro R", "メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "KozGoPro-Regular", "Meiryo", "MS PGothic", "MS UI Gothic", Osaka, sans-serif;
	font-size: 100%;
}
}
h1, h2, h3, h4, h5, h6 ,th{ font-weight:normal;}
body{
	background-color:#FFFFFF;
	color:#362c2a;
}
dd{ display:block;}
ol, ul{
	list-style: none;
}
a img{ border:0;}
em{ font-style:normal;}

/********************************************
 * opacity
 ********************************************/
a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/********************************************
 * clearfix
 ********************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{ clear:both;}
* html .clearfix{ height:1%;}
.clearfix {
	display: block;
	line-height:0;
	height: 0px;
}
a {
	outline: none;
	color: #362c2a;
}
a:link {
     text-decoration: none;
 }

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

 a:active {
	text-decoration: none;
	color: #be9868;
 }
 
 
/********************************************
 * color
 ********************************************/

/* 白色 */
.txt_white {
	color: #FFFFFF;
}

/* 黒色 */
.txt_black {
	color: #000;
}

/* ゴールド */
.txt_gold {
 color:#917f34;
}

/* ブラウン */
.txt_brown {
	color: #990000;
}

/* 赤色 */
.txt_red {
	color: #FF3333;
}

/* 黄色 */
.txt_yellow {
 color:#FC0;
}

/* 緑色 */
.txt_green {
	color: #77b100;
}

/* 青色 */
.txt_blue {
	color: #1d6cb3;
}
.txt_gray {
	color: #757575;
}


/* オレンジ */
.txt_orange {
	color: #ff9c00;
}

/********************************************
 * txt
 ********************************************/

.txt_10 {
	font-size:10px;
}

.txt_12 {
	font-size:12px;
	line-height:20px;
}

.txt_14 {
	font-size:14px;
	line-height:24px;
}

.txt_16 {
	font-size:16px;
}

.txt_18 {
	font-size:18px;
}
.txt_bold{
	font-weight: bold;
}

.lh20{
	line-height: 20px;
}

.lh30{ line-height:30px;}

/********************************************
 * txtalign
 ********************************************/

/* テキストセンター揃え*/
.txt_center {
 text-align:center;
}

/* テキスト左揃え*/
.txt_left {
 text-align:left!important;
}

/* テキスト右揃え*/
.txt_right {
 text-align:right;
}


/********************************************
 * margin paddin
 ********************************************/
.mg5{ margin:5px;}
.mg10{ margin:10px;}
.mg20{ margin:20px;}

.mgt5{ margin-top:5px;}
.mgt10{ margin-top:10px;}
.mgt20{ margin-top:20px;}

.mgb5{ margin-bottom:5px;}
.mgb10{ margin-bottom:10px;}
.mgb20{ margin-bottom:20px;}

.mgr5{ margin-right:5px;}
.mgr10{ margin-right:10px;}
.mgr20{ margin-right:20px;}

.mgl5{ margin-left:5px;}
.mgl10{ margin-left:10px;}
.mgl20{ margin-left:20px;}
.mgl50{
	margin-left:50px;
}


.pd5{ padding:5px;}
.pd10{ padding:10px;}
.pd20{padding:20px;}

.pdt5{ padding-top:5px;}
.pdt10{ padding-top:10px;}
.pdt15{ padding-top:15px;}
.pdt20{ padding-top:20px;}

.pdb5{ padding-bottom:5px;}
.pdb10{ padding-bottom:10px;}
.pdb20{ padding-bottom:20px;}

.pdr5{ padding-right:5px;}
.pdr10{ padding-right:10px;}
.pdr20{ padding-right:20px;}

.pdl5{ padding-left:5px;}
.pdl10{ padding-left:10px;}
.pdl20{ padding-left:20px;}

/********************************************
 * font
 ********************************************/
.font1{
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";	
}

.bg_blue{
	background: #1d2088;
}
.bg_white {
	background: #ffffff;
}
.bg_gray {

}
.bg_black {
	background: #4a4a4a;
}

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


.txt_brown {
	color: #5a5046;
}
.bg_green {
background:#446225;
}