@charset "utf-8";
/* --------------ベース-------------- */
body {
  margin: 0;
  padding: 0;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  font-size: 90%;
  -webkit-text-size-adjust: 90%;
  _text-align: center;
  color: #333333;
}

.body_1 {
  background-color: #000000;
  margin-bottom: -15px;
}

.body_2 {
  background-color: #ffffff;
  margin-bottom: -15px;
}

a:hover,
a:visited,
a:active{
	color : #ffffff;
	text-decoration: none;
}

a:link{
	color : #ffffff;
	text-decoration:none;
}


ul {list-style: none;}

ul:hover {list-style: none;}


.clear {clear: both;}


/* --responsive------------------------------------------- */

@media screen and (min-width: 768px){
body{
	min-width: 320px;
	font-size : 100%;
}

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

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: none !important; }
.sp { display: block !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media screen and (min-width: 768px){
.pc { display: block !important; }
.sp { display: none !important; }
}


/* ブロック（３列→１列） */

*, *:before, *:after {
	box-sizing: border-box;
}
.col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div{
	width: 100%;
	padding: 25px 0px;
}
@media screen and (min-width: 768px){
.col_3 > div{
	width: 33.333%;
}
}


/* ブロック（４列→２列） */

*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div{
	width: 50%;
	padding: 7px 0px;
}
@media screen and (min-width: 768px){
.col_4 > div{
	width: 25%;
}
}



/* --トップへ戻るボタン------------------------------------------- */
.topBtn {
  position:fixed; /*固定*/
  bottom:20px; /*場所を右下に移動*/
  right:20px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:rgba(0,0,0,0.3); /*以下、デザインはご自由に！！*/
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:40px;
  height:40px;
  text-align:center;
  line-height:22px;
  border-radius:30px;
  padding-top:30px;
  box-sizing:border-box;
}
.topBtn:before {
  content:'\25B2';
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
  color:rgba(255,255,255,0.9);
}
.topBtn:hover {
  background-color:rgba(0,0,0,0.7);
}

.wrapper {
  position:relative; /*topBtnの親要素に指定*/
}



/* --------------文字-------------- */
.mincho {
  font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.tate{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.color_black {
  color: #000000;
}

.color_white {
  color: #ffffff;
}

.color_1 {
  color: #42694d;
}

.color_2 {
  color: #555555;
}

.color_3 {
  color: #a35064;
}

.color_4 {
  color: #71532d;
}

.color_5 {
  color: #b09663;
}

.color_6 {
  color: #82b459;
}

.bg_color_1 {
  background-color: #67b552;
}

.weight_bold {
  font-weight: bold;
}

.weight_100 {
  font-weight: 100;
}

.line_height_20 {
  line-height: 20px;
}

.line_height_21 {
  line-height: 21px;
}

.line_height_22 {
  line-height: 22px;
}

.line_height_23 {
  line-height: 23px;
}

.line_height_24 {
  line-height: 24px;
}

.line_height_25 {
  line-height: 25px;
}

.line_height_26 {
  line-height: 26px;
}

.line_height_27 {
  line-height: 27px;
}

.line_height_28 {
  line-height: 28px;
}

.line_height_29 {
  line-height: 29px;
}

.line_height_30 {
  line-height: 30px;
}

.line_height_31 {
  line-height: 31px;
}

.line_height_32 {
  line-height: 32px;
}

.line_height_33 {
  line-height: 33px;
}

.line_height_34 {
  line-height: 34px;
}

.line_height_35 {
  line-height: 35px;
}

.line_height_36 {
  line-height: 36px;
}

.line_height_37 {
  line-height: 37px;
}

.line_height_38 {
  line-height: 38px;
}

.line_height_39 {
  line-height: 39px;
}

.line_height_40 {
  line-height: 40px;
}

.line_height_41 {
  line-height: 41px;
}

.line_height_42 {
  line-height: 42px;
}

.line_height_43 {
  line-height: 43px;
}

.line_height_44 {
  line-height: 44px;
}

.line_height_45 {
  line-height: 45px;
}

.line_height_46 {
  line-height: 46px;
}

.line_height_47 {
  line-height: 47px;
}

.line_height_48 {
  line-height: 48px;
}

.line_height_49 {
  line-height: 49px;
}

.line_height_50 {
  line-height: 50px;
}

.size_55 {
  font-size: 55%;
}

.size_60 {
  font-size: 60%;
}

.size_65 {
  font-size: 65%;
}

.size_70 {
  font-size: 70%;
}

.size_75 {
  font-size: 75%;
}

.size_80 {
  font-size: 80%;
}

.size_85 {
  font-size: 85%;
}

.size_90 {
  font-size: 90%;
}

.size_95 {
  font-size: 95%;
}

.size_100 {
  font-size: 100%;
}

.size_105 {
  font-size: 105%;
}

.size_110 {
  font-size: 110%;
}

.size_120 {
  font-size: 120%;
}

.size_130 {
  font-size: 130%;
}

.size_140 {
  font-size: 140%;
}

.size_150 {
  font-size: 150%;
}

.size_160 {
  font-size: 160%;
}

.size_170 {
  font-size: 170%;
}

.size_180 {
  font-size: 180%;
}

.size_190 {
  font-size: 190%;
}

.size_200 {
  font-size: 200%;
}

.size_210 {
  font-size: 210%;
}

.size_220 {
  font-size: 220%;
}

.size_230 {
  font-size: 230%;
}

.size_240 {
  font-size: 240%;
}

.size_250 {
  font-size: 250%;
}

.ls_0 {
  letter-spacing: 0px;
}

.ls_1 {
  letter-spacing: 1px;
}

.ls_2 {
  letter-spacing: 2px;
}

.ls_3 {
  letter-spacing: 3px;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.text-center {
  text-align: center;
}




/* --------------区切り線-------------- */

hr.style1{
	border-top: 1px solid #ffffff;
	border-bottom: none;
}

hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}

hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7{
	border-top: 1px solid #000000;
	border-bottom: none;
}

hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}

hr.width_85{
	width: 85%;
}

hr.width_90{
	width: 90%;
}


/* --------------余白-------------- */

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mb-2 {
  margin-bottom: 2px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-388 {
  margin-left: 388px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-130 {
  padding-top: 130px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}



/* --------------レイアウト-------------- */

.width-80{
 width:80%;
 argin:0 auto;
}

.width-90{
 width:90%;
 argin:0 auto;
}

.indentback_1{
  text-indent: -1em;
  padding-left: 1em;
}

.indentback_2{
  text-indent: -2em;
  padding-left: 2em;
}

.indentback_3{
  text-indent: -3em;
  padding-left: 3em;
}

.float-l {
  float: left;
}

.float-r {
  float: right;
}

.clear {
  clear:both;　/*floatの解除*/
}

.img-right {
  margin-left: auto;
}

.img-left {
  margin-right: auto;
}

.img-center {
  margin: auto auto;
}