@charset "utf-8";
/* CSS Document */
/*ロゴ　#AACC4D*/
/*文字　緑 #00A73C*/
/*文字　茶 #492800*/


/*ヘッダーの横幅*/
header{
	width: 100%;
	z-index: 10px;
	background: #FFFFFF;
}
/*ヘッダーの高さ*/
.header_top{
	height:110px;
}
/*ヘッダーの横並び指示*/
.header_top_inner{
	max-width: 1100px;
	width: 100%;
	margin:0 auto;	
	display: flex;
	justify-content:space-between;		
}
/*ヘッダーの問合せ情報*/
.clinic_top_other{
	display: flex;
	justify-content:flex-end;
}
/*丸山眼科医院ロゴ*/
#clinic_logo{
	max-width:290px;
	width:100%;
	margin-top: 8px;
}

/*.clinic_kamoku{
	font-size:13px;
	font-weight:bold;
	color:#815634;
}*/

/*受付時間と休診日の位置と横並び*/
#top_tel_shinryou{
	display: flex;
	/*margin-top:-10px;*/
	/*margin-left:15px;*/	
	width: 100%;
}

/*PCの電話番号*/
.top_tel{
	font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
	font-weight:bold;
	font-size:2em;
}


/*パソコン用TELの文字*/
.tel_pc-tel{
	font-size: 15px;
	color: #00A73C;
}
.otoiawase{
	font-size: 14px;
	display: block;
	background: #FCF8DB;
	text-align: center;
	border-radius: 15px;
	margin-bottom: 10px;
}

.top_tel a:link{
	color: #23AC38;
}

.header_shinryou{
	line-height:1.6;
	margin-top: 32px;
	margin-left: 30px;
	font-size: 14px;
	color: #424242;
}

.hed-clock{
	color: #36A800;
	margin-right: 5px;
}

.header_tel{
	font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
	font-weight:bold;
	color:#001E62;
	font-size:30px;
	height:30px;
}

.header_parking_btn{
	background-color: #6B1B45;
	border-radius: 10px;
	border: solid 1px #FFFFFF;
	width:80px;
	height:80px;
	margin-left: 10px;
	margin-top: 20px;
	text-align: center;
}

.header_parking_btn_txt a{
	display: inline-block;
	color: #FFFFFF;	
	font-size: 15px;
	line-height: 22px;
	padding: 0 1px 0 1px;
	margin-left: 2px;
	font-family: "M PLUS Rounded 1c";/*←Googleフォント*/
}

span.parking-p_pc{
	font-size: 35px;
	font-weight: bold;
}


/*------------------------------------------
パソコン版のナビゲーションここから
------------------------------------------*/
@media screen and (min-width:801px) {
/**** ナビゲーションバー ****/
nav {
	background: #00A73C;
	height:65px;
}
.global-nav {
	max-width:1100px;
	width: 100%;
	margin:0 auto;
}
.global-nav > ul {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		box-sizing:border-box;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	    width: 100%;
	}

/*** 共通 ***/		
.global-nav input {
    display: none;
    }		

.global-nav ul li label {
	display: block;
	text-decoration: none;
	font-family: "M PLUS Rounded 1c";/*←Googleフォント*/
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px!important;
	}
.global-nav ul li a{
	display: block;
	text-decoration: none;
	font-family: "M PLUS Rounded 1c";/*←Googleフォント*/
	color: #492800;
	font-size: 16px;
	font-weight: bold;
	}

.global-nav > ul > li:hover {
		/*background: #001E62;*/ /*カーソルが合った時の背景*/
	/*background: #D1EE7D;*/
	background: #85D02C;
	}
	
/*** 1段目のレイアウト ***/	
/*ホームアイコン*/
.global-nav ul li.home_ico{
		max-width: 60px;
		width: 100%;
	background: #00A73C;
}
	.global-nav ul li.home_ico:hover{
		background: #85D02C;
}

.global-nav ul li.home_ico img{
	width: 25px;
	height: 25px;
	padding-top: 18px;
}
	
/*ナビゲーションの最後右側の線*/
.header_nav_last{
		/*border-right: solid 1px #001E62;*/
}
	
nav .global-nav > ul > li {
		position: relative;
		-webkit-flex-grow:1;
		flex-grow:1;
		line-height: 65px;
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: center;	
		color: #492800;
	}
	
/* 下階層への矢印▼ */
	nav .global-nav > ul > li label {
		padding-right: 20px;
	}
	nav .global-nav > ul > li > label:after {
		position: absolute;
		content: "";
		top: 50%;
		width: 0;
		height: 0;
		margin-top: -2.5px;
		margin-left: 10px;
		border: 6px solid transparent;
		/*border-top-color: #00519C;*/
		/*border-top-color: #FFDD7C;*/
		border-top-color: #FFF6BC;
	}
	
	nav .global-nav > ul > li a, nav .global-nav > ul > li label {	
		font-size: 17px;
	}
	
/*プルダウンの動作設定 中身を非表示にしておく*/
.global-nav__list .global-nav_sub {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.6s;
}

/*テキスト設定 アイコンを入れ替える*/
/*	nav .global-nav > ul > li .navcssacc:checked + label:after {
		position: absolute;
		content: "";
		top: 50%;
		width: 0;
		height: 0;
		margin-top: -7.5px;
		margin-left: 10px;
		border: 5px solid transparent;
		border-bottom-color: #fff;  
}*/

/*プルダウンの動作設定 クリックで中身表示*/
/*.global-nav__list .navcssacc:checked + label + .navaccshow {*/
nav .global-nav ul li:hover .global-nav_sub{	
    height: auto;
    opacity: 1;
    transition: .6s;
}
/*メニュー中身*/
.global-nav_sub{
	position: absolute;
	width: 300px;
	height: auto;
	z-index:200;
	box-shadow: 0px 0px 15px -5px #3C5F00;
	/*font-size: 14px;*/
	border-radius: 10px;
	padding: 15px 0 15px 0;
}


/*子供の近視と低濃度アトロピン点眼治療のところだけについてるclass*/
	.navmenu_sub_1{
		display: block;
	}
	.navmenu_sub_2{
		display: block;
	}

/*縦1行（各種疾患以外）*/
/*項目タイトル*/
.global-nav_sub > li{
	background: #FFFFFF;
	border-bottom: 1px solid #D0CBBC;
	line-height: 20px;	
	text-align: left;	
	font-size:14px!important;
	padding: 15px 0 15px 20px;
	}
/*縦1行（各種疾患以外）*/
.global-nav_sub > li:hover {
	background: #EEFFBB!important; /*カーソルが合った時の背景*/
	text-decoration: underline;
	}	
 /*上に隙間を入れる*/
/*.global-nav_sub > li:first-of-type{
	margin-top:5px;
    }	*/

/*第2階層さらにメニューがある時のプルダウンの横幅*/
.subnav{
	/*margin-left:-100px;*/
	width: 700px;
}
	
/*第2階層の設定 最後は線ひかない、中にメニューがあるときは、途中も引かない */	
.global-nav_sub > li:last-of-type, .subnav > li{
	border-bottom: none;
}
	
/*第2階層　縦1行（各種疾患以外）と横3列（各種疾患）のテキストの設定*/	
/*第2階層目　縦1行（各種疾患以外）と横3列（各種疾患）の項目タイトル*/
.global-nav_sub > li a,	.global-nav_sub > li label,.global-nav_sub2 > li a{
    color: #FFFFFF;
	position: relative;
}

/**第2階層以下の矢印*/	  
.global-nav_sub li a::after{
	position: absolute;
	/*top: 14px;*/
	right: 15px;
	content: '';  
	width: 13px;
	height: 13px;
	/*content: '\f054';*/
	content: '\f105';	
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;	
	display:inline-block;
	}
/*<i class="fa fa-chevron-circle-right "></i>*/

.nav-sab_flexinner{
		display: flex;
		flex-wrap: wrap;
	}
ul.nav-sab_flexinner li{
	width: 200px;
	padding: 15px 10px 15px 10px;
	}	
	.nav-tag_p{
		display: block;
		width: 600px;
	}

/*横3列（各種疾患）の全体*/ 
.global-nav_sub2 {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	background: #FFFFFF;
	margin-left:-40px;
}

/*横3列（各種疾患）のレイアウト*/ 
.global-nav_sub2 li{
	outline: 1px solid #D0CBBC;
    outline-offset: -1px;
	width:33.333%;			
    box-sizing: border-box;
	text-align: left;
}	

/*横3列（各種疾患）のレイアウト文字色*/ 
.global-nav_sub2 li a{
	display:block;
	padding-left:10px;
    color: #492800!important;
}

/*横3列（各種疾患）の以下の矢印*/   
.global-nav_sub2 li a::after{
	position: absolute;
	/*right: 15px;*/
	content: '';
	width: 13px;
	height: 13px;
	/*content: '\f054';*/
	content: '\f105';	
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;	
	display:inline-block;
}

/*横3列（各種疾患）の中の1行選択リスト（治療・その他）*/  
.subnav li{
		border-bottom: 1px solid #D0CBBC;
	}
.subnav li.sub2_tag{
	background: #D0CBBC;
	}

	
	/*第3階層の矢印*/	
/*.global-nav_sub2 li a::after {
  background-image: url("../image/ico_arrow_trans2.svg");  
}	*/
/**第2階層以下の矢印*/	  

/*第3階層のボーダーの処理*/ 
/*「global-nav_sub2 li　border-bottom: 1px solid #66131D;」を利用したときに必要	*/
/*.global-nav_sub2 li:nth-child(3n+1), .global-nav_sub2 li:nth-child(3n+2) {
    border-right: 1px solid #66131D;	
}*/
	
.global-nav_sub2 li:last-child(-n+3){
	border-bottom: none;
    }
	
.global-nav_sub2 > li a:hover {
    background: #EEFFBB; /*カーソルが合った時の背景*/
  }


}



/*-------------------------------------------

      ヘッダー タイトル周りモバイル

---------------------------------------------*/

/*@media screen and (max-width:912px) {
.top_tel{
		font-size:25px;
}
.tel{
		font-size:18px;
}
.header_shinryou{
		font-size:13px;	
}


}*/

/*-------------------------------------------

      ヘッダー タイトル周りモバイル 終わり

---------------------------------------------*/


/*-------------------------------------------

      ヘッダー タイトル周り/グローバルナビゲーション スマホ

---------------------------------------------*/


/*スマホ★★★★★★★★★★★★★★★★★★★★*/
@media screen and (max-width:800px) { 
.top_tel{
		font-size:25px;
}
.tel{
		font-size:18px;
}
.header_shinryou{
		font-size:13px;	
}
	
.tel{
	font-size:10px;
}
/*パソコン用TELの文字*/
.tel_pc-tel{
	font-size: 10px;
}
nav .global-nav > ul > li a, nav .global-nav > ul > li label {	
		font-size: 15px;
}
	

/*****ハンバーガーナビ*****/

/*ハンバーガーで表示されるナビの領域をとる*/
.global-nav {
  position: fixed;/* ブラウザに対し場所を固定 */
  right: -100%; /* これで隠れる */
/*  top: 46px;*/ /* ヘッダ分下げる */ 
  top: 0px;
  width: 100%; /* ウィンドウ幅いっぱいにする */
  max-width: 380px;
  /*height: 100vh; これを入れるとナビが縦方向にも画面いっぱいになる*/
  /*height:100%;  */
  /*background-color: #66131D;*/ 
  transition: all .6s;
  z-index: 200;
  overflow-y: auto;  /*メニューが多くなったらスクロールできるように */
  background-color: transparent;  
}

/*ハンバーガーナビゲーション開いた時のリストの上からの高さ*/
.nav_topspace{
	 height:55px;
	  }

/*ハンバーガーのCSS*/
.hamburger {
  position: relative;/* ハンバーガーの中身の3本線の基準 */
  right: 0px;/*絶対位置にする場合は指定する*/
  width: 60px; /* ハンバーガーの幅 */
  height: 55px; /* ハンバーガーの高さ */
  cursor: pointer;/* aがないので指マークを追加 */
  z-index: 300;
  background-color:#00A73C;
/*    border: solid;	
	border-color:#fff;
	border-width:thin;*/
}

/*表示された時のハンバーガーの三本線*/  
.hamburger__line {
  position: absolute;
  /*left: 11px;*/
  left: 13px;  
  /*width: 18px;*/
  width: 30px;
  /*height: 1px;*/
  height: 1px;
  /*background-color: #111;*/
  background-color: #fff;
  transition: all .6s;
}
.hamburger__line--1 {
  /*top: 19px;*/
	top:10px;
}
.hamburger__line--2 {
 /* top: 20px;*/
  /*top: 27px;*/
	top:18px;}
.hamburger__line--3 {
  top: 26px;
  /*top: 35px;*/
  }
  
.hamburger_mene{
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: -0.5px;
	padding-top: 25px;
	padding-left: 12px;
	display: block;
}
	
/* ハンバーガーナビのナビ背景設定 */  
.black-bg {
  position: fixed;
  left: 0;
  top: 55px;
  width: 100vw;
  height: 100vh;
  z-index: 50;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}


/* 表示された時用のナビ全体の位置設定 */
.nav-open .global-nav {
  right: 0;
}

/* 表示された時用のナビ背景設定 */
.nav-open .black-bg {
/*  opacity: .8;*/
  opacity: .5;
  visibility: visible;
}


/*表示された時のハンバーガーの×マーク*/
.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 27px;
  background-color: #fff;
  }
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
  background-color: #fff;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 27px;
  background-color: #fff;
}


 /*-------------------------------------------
      ヘッダー タイトル周りスマホ 終わり
---------------------------------------------*/

 /*-------------------------------------------
ヘッダー グローバルナビゲーション スマホ用ここから
---------------------------------------------*/
.global-nav__list {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:14px; 
	background-color: #00A73C;
	font-family: "M PLUS Rounded 1c";/*←Googleフォント*/
}
/*リストの左の空きを消す*/
.global-nav__list ul{
	margin: 0;
	padding: 0;
}
/*ハンバーガーナビ各メニューすべてに共通の設定*/
.global-nav__list li {
  text-align: left;
}

/*ハンバーガーナビ第一階層の設定*/	
.global-nav__list > li {	
  border-bottom: 1px solid #fff;
  color: #fff;  	
}

/*ハンバーガーナビの共通テキスト設定 下に階層がない場合*/	
.global-nav__list li a {
position: relative;	/*右の矢印などの位置の基準*/	
display: block;
padding: 5px 5px 5px 15px;
text-decoration: none;
/*  color: #fff;*/
  }
  
/*ハンバーガーナビ第一階層のテキスト特有の設定*/	  
.global-nav__list > li > a {
  color: #fff;
  }
  
/*ハンバーガーナビ第一階層のカーソルの設定*/ 
.global-nav__list > li:hover {
	background-color: #00A73C;
  }

  
/*ハンバーガーナビの共通テキスト設定 矢印 下に階層がない場合*/	  
.global-nav__list li > a::after{
	position: absolute;
  top: 13px;
  right: 25px;
  content: '';  
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background-image: url(../images/ico_arrow_trans.svg);  
  background-size: contain;  
	display:inline-block;
	}
	
/*ハンバーガーナビの共通テキスト設定下に階層がある場合*/	 	
.global-nav__list li label{
    display: block;
    padding: 5px 15px 5px 35px;  
    cursor :pointer; /* aがないので指マークを追加 */
    transition: all 0.5s;
   position: relative;			
	}	
	
/*ハンバーガーナビ第一階層のテキスト特有の設定*/		
.global-nav__list > li label{
    color: #fff;
	margin-left: -10px;
	}	
	
/*ハンバーガーナビの第一階層のテキスト設定 矢印 下に階層がある場合*/	
.global-nav__list > li label::after {
position: absolute;
top: 11px;
right: 24px;
content: '';  
width: 18px;/*画像の幅*/
height: 18px;/*画像の高さ*/
background-image: url("../image/ico_plus_trans.svg");
background-size: contain;  
display:inline-block;
}	

/*ハンバーガーナビの共通テキスト設定 アイコンを入れ替える*/
.global-nav__list .navcssacc:checked + label:after {
  content: '';  
background-image: url("../image/ico_minus_trans.svg");
}

/*ハンバーガーナビ プルダウンの動作設定 チェックは隠す*/
.global-nav__list input {
    display: none;
}

/*ハンバーガーナビ プルダウンの動作設定 中身を非表示にしておく*/
.global-nav__list .navaccshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.6s;
}

/*ハンバーガーナビ プルダウンの動作設定 クリックで中身表示*/
.global-nav__list .navcssacc:checked + label + .navaccshow {
    height: auto;
    opacity: 1;
    transition: .6s;	
}

/*ハンバーガーナビ プルダウンで開くメニュー全体の設定*/
.global-nav__list .navaccshow p {
    margin: 0px;

	}

/*ハンバーガーナビ第2階層の設定*/
.global-nav_sub > li{
	background: #FFFFFF;
	/*background: #F2FDEB;*/
    border-bottom: 1px solid #264700;
	font-size: 14px;
	}

/*ハンバーガーナビ第2階層の設定 最後は線ひかない*/	
.global-nav_sub > li:last-of-type{
	border-bottom: none;
    }
	
/*ハンバーガーナビ第2階層のテキストの設定*/	
.global-nav_sub li a,.global-nav_sub li label{
	color: #1B3A00!important;
	/*padding-left:40px;*/		
}

/*ハンバーガーナビの共通テキスト設定 矢印 下に階層がない場合*/	  
.global-nav_sub li a::after{
	position: absolute;
  top: 13px;
  right: 25px;
  content: '';  
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
	background-image: url("../image/ico_arrow_trans2.svg");
  background-size: contain;  
	display:inline-block;
	}

/*ハンバーガーナビの第2階層のテキスト設定 矢印 下に階層がある場合*/	
.global-nav_sub li label::after {
	position: absolute;
  top: 13px;
  right: 24px;
  content: '';  
  width: 18px;/*画像の幅*/
  height: 18px;/*画像の高さ*/
	background-image: url("../image/ico_plus_trans2.svg");
  background-size: contain;  
	display:inline-block;
}	


/*ハンバーガーナビ第2階層のカーソルの設定*/ 
.global-nav_sub > li:hover {
    background: #F2FDEB;
  }
  
 .global-nav_sub ul li.nav_column{
		line-height: 15px;
}
	
	
  /*ハンバーガーナビの共通テキスト設定 アイコンを入れ替える*/
.global-nav_sub .navcssacc:checked + label:after {
  content: '';
background-image: url("../image/ico_minus_trans2.svg"); 
}
	

/*ハンバーガーナビ第3階層の配置*/ 
.global-nav_sub2 {
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

/*ハンバーガーナビ第3階層のデザイン*/ 
.global-nav_sub2 li{
	background: #fff;
    outline: 1px solid #264700;
	width:50%;
    box-sizing: border-box;	
	list-style-type: none;
}

ul.global-nav_sub2 li a{
	display:block;
	/*margin-left: -20px;*/
}

.global-nav_sub2 li a::after{
 right: 15px;
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/  
}
.global-nav_sub2 > li a:hover {
    background: #F2FDEB;
  }

	.subtag2{
		padding-left: 15px;
	}
	
/*ハンバーガーナビ 閉じるボタンの背景 */
.navi_last{
	background: #F2FDEB;
	text-align:center;
	display: flex;
	justify-content: center;
}
/*.global-nav__list > li:last-of-type{
	background: #e6d6d5;
    border-bottom: 1px solid #e6d6d5;
	text-align:center;		
}*/

/*ハンバーガーナビ 最後の閉じるボタン */
.navi_close {
	display:inline-block;
	margin:6px;
	background: #F4AE00;
	border-radius: 20px;
	color:#fff;
	padding:2px 10px;
	cursor :pointer;	
	font-size:14px; 	
}


.navi_home {
display:inline-block;
	margin:6px;
	border-radius: 20px;
	color:#464545;
	padding:2px 5px;
	cursor :pointer;	
	font-size:15px;
	color: #4CAB00;
	font-family: "M PLUS Rounded 1c";/*←Googleフォント*/
}
	
.sp_home_ico{
	width: 18px;
	height: 18px;
	background: #4CAB00;
	padding: 5px;
	margin: 2px 5px 0 0;
	border-radius: 20px;
	}
	


/*ハンバーガーナビ 閉じるボタン */
.navi_close::before{
	    content: '×';	
}
	
	
/*ホームアイコン*/
.global-nav ul li.home_ico{
	display: none;
}
.global-nav ul li.home_ico_sp{
	display: block;
}
	
/*-------------------------------------------
      ヘッダー タイトル周りスマホ
---------------------------------------------*/
/*ヘッダースマホでロゴの左側だけ少し空ける*/
.header_top_inner{
	padding: 0 0 0 5px;
}

.header_top{
position:fixed;	
height:55px;	
z-index: 500;	
width:100%;
border-bottom: 1px solid #391A00;  
background: #FFFFFF;
}


#clinic_logo{
	max-width:190px;
	width: 100%;
	margin-right:10px;
	margin-top: -15px;
	align-self: center;	
}

.clinic_kamoku{
	line-height: 1;
	padding-bottom:3px;
	font-size:8px;
	font-weight:bold;
}

#top_tel_shinryou , #top_mail_and_ext{
	background: #E2FDCE;
    border-left: solid 1px #B7D86B;	
	width:55px;
	height:55px;
	margin:0;
}

#top_tel_shinryou{
	align-self: flex-start;
}

.top_ico{
	margin: 0 auto;
	padding-top:12px;
	font-size:10px;
	font-weight:bold;
	color:#001E62;	
	/*font-family: "Times New Roman", serif;	*/
	line-height: 2;	
}

.nav_other{
	text-align:center;
	background: #FBF3E6;	
 }
 
.top_parking_btn{
	background-color: #6B1B45;
	border-radius: 10px;
	border: solid 1px #FFFFFF;
	width:48px;
	height:48px;
	margin-right: 5px;
	margin-top: 2px;
	text-align: center;
}

.parking_btn_txt a{
	display: inline-block;
	color: #FFFFFF;	
	font-size: 11px;
	line-height: 15px;
	padding: 0 1px 0 1px;
	margin-top: -6px;
	margin-left: 2px;
	font-weight: bold;
	font-family: "M PLUS Rounded 1c";/*←Googleフォント*/
}
	.parking-p{
		font-size: 22px;
	}	

}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ヘッダー　ここまで

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


 



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

メイン

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*-------------------------------------------

      メイン全体

---------------------------------------------*/
main{
	max-width:1000px; 
	width:100%;/*コンテンツの横幅*/
	margin:0 auto; /*真ん中に*/
	height:auto;
	/*background: #F4F1E8;*/	
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝


メインここまで

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

汎用

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*-----------------------------
particularから移動
-----------------------------*/
/*-----------------------------
magine paddingここから
-----------------------------*/
/*上*/
.mgt0{margin-top:0!important;}
.mgt5{margin-top:5px!important;}
.mgt10{margin-top:10px!important;}
.mgt15{margin-top:15px!important;}
.mgt20{margin-top:20px!important;}
.mgt30{margin-top:30px!important;}
.mgt40{margin-top:40px!important;}
.pdt0{padding-top:0!important;}
.pdt5{padding-top:5px!important;}
.pdt10{padding-top:10px!important;}
.pdt15{padding-top:15px!important;}
.pdt20{padding-top:20px!important;}



/*下*/
.mgb0{margin-bottom:0px!important;}
.mgb5{margin-bottom:5px!important;}
.mgb10{margin-bottom:10px!important;}
.mgb15{margin-bottom:15px!important;}
.mgb20{margin-bottom:20px!important;}
.mgb30{margin-bottom:30px!important;}
.mgb40{margin-bottom:40px!important;}
.pdb0{padding-bottom:0px!important;}
.pdb5{padding-bottom:5px!important;}
.pdb10{padding-bottom:10px!important;}
.pdb15{padding-bottom:15px!important;}
.pdb20{padding-bottom:20px!important;}
.pdb30{padding-bottom:30px!important;}
/*上下*/
.mt10b5{margin:10px 0 5px;}
.mt10b10{margin:10px 0 10px;}
.mt15b15{margin:15px 0 15px;}
/*上下左右*/
.pd10{padding:10px!important;}

.txt_mgl183{margin-left: 183px;}
.txt_mgl58{margin-left: 58px;}
.txt_mt10b5{margin:10px 0 5px;}

/*左右*/
.mglrc{margin:0 auto;}
.mgl0{margin-left:0!important;}
.mgl5{margin-left:5px!important;}
.mgl10{margin-left:10px!important;}
.mgl20{margin-left:20px!important;}
.mgr0{margin-right:0!important;}
.mgr5{margin-right:5px!important;}
.mgr10{margin-right:10px!important;}
.mgr20{margin-right:20px!important;}
.mglr1{margin-left:1px;margin-right:1px;}
.mglr2{margin-left:2px;margin-right:2px;}
.mglr5{margin-left:5px;margin-right:5px;}
.pdl0{padding-left:0px!important;}
.pdl5{padding-left:5px!important;}
.pdl10{padding-left:10px!important;}
.pdl15{padding-left:15px!important;}
.pdl20{padding-left:20px!important;}
.pdr0{padding-right:0px!important;}
.pdr5{padding-right:5px!important;}
.pdr10{padding-right:10px!important;}
.pdr20{padding-right:20px!important;}
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px; line-height: 18px;}
.font18{font-size: 18px; }
.font20{font-size: 20px; }


/*▼移行後削除▼*/
.txt_margintop{margin-top:20px;}

.txt_margintop{
	margin-top:20px;
}

@media screen and (min-width:681px) {
.pc_mgt20{
	margin-top:20px!important;
}	
.pc_margintop{
	margin-top:20px!important;
}
}
@media screen and (max-width:680px) {
.mobile_mgt20{
	margin-top:20px!important;
}
.mobile_mgt0{
	margin-top:0px!important;
}	
.mobile_mgb0{
	margin-bottom:0px!important;
}	
.mobile_margintop{
	margin-top:20px!important;
}
}

.txt_mgb15{margin-bottom:15px;}
.txt_marginbottom{margin-bottom:15px;}
.txt_margintopbottom{
	margin-top:15px;
	margin-bottom:15px;
}


/*-----------------------------
magin paddingここまで
-----------------------------*/


/*-----------------------------
paddingここから
-----------------------------*/

.txt_pdt30{padding-bottom:30px;}
.txt_paddingtopclear{
	padding-top:20px;
	clear:both;
}
/*-----------------------------
paddingここまで
-----------------------------*/




.blog_new{
	background: #900;
	color: #FF0;
	font-size:13px;
	padding:0px 5px 0px;
}
@media screen and (max-width:680px) {
.blog_new{
	font-size:11px;
	padding:0px 2px 0px;
	margin-left:5px;
}	
}

/*--改行させない--*/
.no_wrap { white-space: nowrap; }

/*--極力改行させない--*/
.no_wrap2 { display: inline-block;  }



@media screen and (min-width:801px) { 
     /*　スマホで表示する：681pxより大きいときは表示しない　*/
.mobile_visible { 
      display: none!important;
}
}
@media screen and (max-width:800px) { 
     /*　タブレット以上で表示する：680pxより小さいときは表示しない　*/
.pc_visible { 
      display: none!important;
}
}

@media screen and (min-width:901px) { 
     /*　スマホ・タブレットで表示する：901pxより大きいときは表示しない　*/
.pc_not_visible { 
      display: none!important;
}
}
@media screen and (max-width:900px) { 
     /*　PCのみで表示する：900pxより小さいときは表示しない　*/
.pc_only_visible { 
      display: none!important;
}
}
.text_center{
	text-align: center!important;
}
.text_right{
	text-align: right!important;
}
.text_left{
	text-align: left!important;
}
@media screen and (max-width:680px) { 
     /*　スマホ・タブレットでのみ位置を変える*/
.text_center_mobile{
	text-align: center!important;
}
.text_right_mobile{
	text-align: right!important;
}
.text_left_mobile{
	text-align: left!important;
}	
}