@charset "utf-8";
html {
  scroll-behavior: smooth;
}

body {
	font-family: "メイリオ";
	margin: 0;
	padding: 0;
	background: #FFF;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}

li {
	font-family: "メイリオ";
	font-size: 13px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}


li a {
	font-size: 13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	list-style: none;
	text-decoration: none;
}

li a:hover {
    /** 半透明（全体） ******************************/
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
/*********************
『filter:alpha(opacity=50);』--【IE】/ 透過無しの状態"100%"を指定する際は「filter:alpha(opacity=100);」。
『-moz-opacity: 0.5;』--【Firefox（Mozilla）】/ 透過無しの状態"100%"を指定する際は「-moz-opacity:1;」。
『opacity: 0.5;』--【SafariやOpera】/ 透過無しの状態"100%"を指定する際は「opacity:1;」。
**********************/
}


h4, h5, h6, p {
	font-family: "メイリオ";
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px;
	padding-left: 15px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}


p {
	font-family: "メイリオ";
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}


p a { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	font-family: "メイリオ";
	font-size: 13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}


a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

/* ~~ このコンテナが他のすべての div を囲み、パーセンテージに基づいた幅を指定します。~~ */






/**　link show　***********************************************************************************/


/** block *****************************************/
.pc-show-block {
    display: block;
}
.pc-hide-block {
  display: none;
}

@media screen and (max-width: 480px) {
  .pc-show-block {
    display: none;
  }
  .pc-hide-block {
    display: block;
  }
}


/** inline-block *****************************************/
.pc-show-inline {
    display: inline-block;
}
.pc-hide-inline {
  display: none;
}

@media screen and (max-width: 480px) {
  .pc-show-inline {
    display: none;
  }
  .pc-hide-inline {
    display: inline-block;
  }
}


/** none *****************************************/
.pc-show {
}
.pc-hide {
  display: none;
}

@media screen and (max-width: 480px) {
  .pc-show {
    display: none;
  }
  .pc-hide {
      display: inline;
  }
}






/**　header_pc　***********************************************************************************/
/*************************************************************************************/
@media screen and (max-width: 480px) { /*ウィンドウ幅が最大480pxの場合にPC非表示*/
.header_pc {
	display: none;
}
}
@media screen and (min-width: 481px) { /*ウィンドウ幅が最少481pxの場合にPC表示*/
.header_pc {
    width: 1080px;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	background: #FFF;
}
}
/*************************************************************************************/


/**　header_sp　***********************************************************************************/
/*************************************************************************************/
@media screen and (min-width: 481px) { /*ウィンドウ幅が最少481pxの場合にSP非表示*/
.header_sp {
	display: none;
}
}
@media screen and (max-width: 480px) { /*ウィンドウ幅が最大480pxの場合にSP表示*/
.header_sp {
	width: 100%;
    position: fixed;
    margin: 0;
    padding: 0;
    z-index:9999;
}
}
/*************************************************************************************/




/*************************************************************************************/

@media screen and (min-width: 481px) { /*ウィンドウ幅が最少481pxの場合にPC表示*/

.okc {
    display: none;
}
}

@media screen and (max-width: 480px) { /*ウィンドウ幅が最少480pxの場合にPC非表示*/
.okc {
    font-family: "メイリオ";
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    padding: 16px 0 13px;
    margin: 0;
    text-align: center;
    background: #204DA0;
}
}

/** top_template ***********************/

.header_pc p.h1 {
	display: block;
    float: left;
	width: 660px;
	font-family: "メイリオ";
	font-size: 15px;
    font-weight: bold;
	line-height: 18px;
	margin: 0;
    padding: 15px 0 0;
}

.header_pc p.mess {
	display: block;
    float: left;
	width: 660px;
	font-family: "メイリオ";
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 22px;
    padding: 3px 0 0;
}




/** コンテント ここから　↓↓↓　*****************************************************************************************************/
#content {
    overflow: hidden;
    width: 100%;
	padding: 0;
    margin: 0 auto 30px;
	clear: both;
}


/***************************************************************************************************************************/
/** 【PC用】　↓↓↓　*****************************************************************************************************/
@media screen and (min-width: 481px) { /*ウィンドウ幅が最少481pxの場合にPC表示*/




    
#content .topimg {
	width: 1080px;
	margin: 0 auto 20px;
	clear: both;
}

#content .topimg h1 {
    font-weight: bold;
	font-size: 30px;
	margin: 0 20px;
    padding: 28px 0 0;
    border-bottom: 2px solid #000;
}

#content .topimg h2{
	font-size: 20px;
	line-height: 30px;
    margin: 1px 20px 0;
	padding: 0;
    text-align: right;
    border-top: 1px solid #000;
}

#content .topimg p {
    font-family: "メイリオ";
	font-size: 15px;
	line-height: 130%;
	padding: 30px 0 0 ;
    margin: 0 20px;
}


    
/******************************　first ↓↓↓　【PC】***************************************************************/
#content .first {
    width: 1080px;
	margin: 0 auto 20px;
    padding: 0;
    clear: both;
}

#content .first p {
    font-family: "メイリオ";
    font-size: 14px;
	margin: 10px 20px 0 20px;
    padding: 0;
	line-height: 120%;
}

#content .first ul {
    overflow: hidden;
	margin: 20px 20px 20px 20px;
	padding: 20px 0 0 20px;
    border-top: 1px dotted #ccc;
}


#content .first li {
	float: left;
	margin: 0 0 20px 0;
	padding: 0 30px 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #CCC;
}
#content .first li.last {
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #CCC;
}


#content .first li a {
	font-size: 16px;
	font-weight: bold;
	color: #00F;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#content .first li a:before {
	content: "▶";
	font-size: 13px;
}


#content .first li a:hover {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

    
#content .first li.consul{
	display: block;
	overflow: hidden;
	margin: 0 0 0 15px;
	padding: 20px;
	background: #D7EBFF;
	clear: both;
}


#content .first li.consul p.about {
	display: block;
	float: left;
	width: auto;
	font-size: 13px;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
}
#content .first li.consul p.about span {
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
}




#content .first li.consul a p.next {
	display: block;
	float: left;
	width: auto;
	height: 32px;
	background: #FF8040;
	padding: 15px 20px 5px;
	text-align: center;
	margin: 7px 0 0 20px;
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
	/**背景色入替え**/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	border: 3px double #FFF;
}


#content .first li.consul a:hover p.next {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}
    
    
    
    
/******************************　headline-area ↓↓↓　【PC】***************************************************************/
#content .headline-area {
	width: 1080px;
	height: auto;
    margin: 20px auto 30px;
    clear: both;
}
    

    
    
/******************************　headline ↓↓↓　【PC】***************************************************************/
#content .headline {
	float: left;
	width: 280px;
	height: auto;
	margin: 0 0 30px 0;
    box-shadow:2px 2px 4px -2px #555555;
}
    
#content .sub-headline {
	float: left;
	width: 280px;
	height: auto;
	padding: 0;
	margin: 0;
	background: #FBF9F0;
}


#content .sub-headline p.title {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background: #8B7925;
	text-align: center;
	padding: 10px 0;
	margin: 0 0 20px 0;
}


#content .sub-headline li {
	padding: 0 5px 10px;
	margin: 0 10px 20px;
	border-bottom: 1px dotted #CCC;
}


#content .sub-headline li p {
	font-size: 13px;
	margin: 0 0 10px 0;
}


#content .sub-headline li p.top {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
/** ---------------  sub-headline　ここまで ↑↑↑　------------------------------ */

    
    

    
/******************************　main1 ↓↓↓　【PC】***************************************************************/
#content .main1 {
    float: right;
	width: 770px;
	margin: 0 0px 30px 30px;
    padding: 0;
    border-top: 2px solid #ccc;
}
    
#content .main1 h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 13px 0 10px 0;
    padding: 20px 0 5px;
    border-bottom: 1px dotted #ccc;
}
#content .main1 h2 span {
    font-size: 15px;
    margin: 00;
    padding: 0;
}

/*****************************************/
#content .main1 .main1-1 {
	overflow: hidden;
    width: 750px;
	background: #FFF;
	margin: 20px 0 20px 20px;
    padding: 10px 0 0;
    border-top: 1px dotted #ccc;
	clear: both;
}


#content .main1 .main1-1 p.detail {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px 0;
}


#content .main1 .main1-1 ul.about {
	float: left;
	display: block;
	width: 530px;
	margin: 0;
}


#content .main1 .main1-1 ul.about li {
	font-size: 13px;
	line-height: 15px;
	margin: 6px 0 0 0;
}


#content .main1 .main1-1 .counsel {
	float: right;
	margin: 0 10px 0 0;
}

#content .main1 .main1-1 .counsel a {
	overflow: hidden;
	display: block;
	width: 170px;
	padding: 15px;
	background: #FFECEC;
	text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}


#content .main1 .main1-1 .counsel a:hover {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}


#content .main1 .main1-1 .counsel p.c-tit {
    font-family: "メイリオ";
	font-size: 17px;
	color: #C50000;
	font-weight: bold;
	text-align: center;
}


#content .main1 .main1-1 .counsel p.c-pla {
    font-family: "メイリオ";
	font-size: 13px;
	text-align: center;
	line-height: 15px;
	margin: 10px 0 0;
}


#content .main1 .main1-1 .counsel p.c-abo {
    font-family: "メイリオ";
	font-size: 13px;
	line-height: 15px;
	margin: 10px 0 0;
	text-align: justify;
	text-justify: inter-ideograph;
}


/**　東京　***************************/
#content .main1 .main1-2 {
	float: left;
	width: 360px;
	background: #E3EFFB;
	margin: 0 0 10px 20px;
	padding: 0 0 10px;
}


#content .main1 .main1-2 p.title-t {
	font-size: 15px;
	font-weight: bold;
	color: #666;
	padding: 5px 0;
	text-align: center;
	background: #B2D8FF;
}


#content .main1 .main1-2 .left {
	float: left;
	width: 70%;
}


#content .main1 .main1-2 .left p.day {
	font-size: 14px;
	border-bottom: 1px dotted #999999;
	margin: 5px 10px 5px 10px;
	padding: 0 0 0 5px;
}


#content .main1 .main1-2 .left p.date {
	font-size: 14px;
	border-bottom: 1px dotted #999999;
	margin: 5px 10px 5px 20px;
	padding: 0 0 0 10px;
}


#content .main1 .main1-2 .right {
	float: right;
	width: 30%;
}


#content .main1 .main1-2 .right p.btn-apply a {
	display: block;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background-color: #FF8040;
	margin: 25px 10px 0 0;
	padding: 35px 0;
	/**背景色入替え**/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}


#content .main1 .main1-2 .right p.btn-apply a:hover {
	background: #666;
	color: #FFF;
}



/**　大阪　***************************/
#content .main1 .main1-3 {
	float: right;
	width: 360px;
	background: #E3FDEE;
	margin: 0 10px 20px 0;
	padding: 0 0 10px;
}


#content .main1 .main1-3 p.title-t {
	font-size: 15px;
	font-weight: bold;
	color: #666;
	padding: 5px 0;
	text-align: center;
	background: #B2FFD8;
}


#content .main1 .main1-3 .left {
	float: left;
	width: 70%;
}


#content .main1 .main1-3 .left p.day {
	font-size: 14px;
	border-bottom: 1px dotted #999999;
	margin: 5px 10px 5px 10px;
	padding: 0 0 0 5px;
}


#content .main1 .main1-3 .left p.date {
	font-size: 14px;
	border-bottom: 1px dotted #999999;
	margin: 5px 10px 5px 20px;
	padding: 0 0 0 10px;
}


#content .main1 .main1-3 .right {
	float: right;
	width: 30%;
}


#content .main1 .main1-3 .right p.btn-apply a {
	display: block;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background-color: #FF8040;
	margin: 25px 10px 0 0;
	padding: 35px 0;
	/**背景色入替え**/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#content .main1 .main1-3 .right p.btn-apply a:hover {
	background: #666;
	color: #FFF;
}
    
    
    
    
    
    


    
    

    
    
}/*ウィンドウ幅が最少481pxの場合にPC表示終了*/
/** 【PC用】　↑↑↑　*****************************************************************************************************/
/***************************************************************************************************************************/



/************************************************************************************************************************************/
/** 【SP用】　↓↓↓　***************************************************************************************************************/
#nav-drawer {
    display: inline-block;
    position: relative;
    padding: 11px 12px 8px 17px;
    margin: 0 80% 0 0;
    background: #204DA0;/**　【#content .topimg】のbackgroundにあわせる　**/
        /** 角丸 **/
    border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */  
        /** 半透明（背景のみ） **/
	background-color: rgba( 32, 77, 160, 0.70 );/**　色を変える（backgroundカラーをR㎇にする）　**/
/*********************
0が「完全に透明」　1が「完全に不透明」で、小数を使って不透明割合を指定
「55％不透明(＝45％透明)」
**********************/
}

#nav-drawer p.menu {
    font-family: "メイリオ";
    display: block;
    font-size: 10px;
    color: #ffffff;
    padding: 0;
    margin: 0 3px 0 0;
    text-align: center;
}



    
/** ---------------  topimg　ここから ↓↓↓ 　--------------------------------------- **/
@media screen and (max-width: 480px) { /*ウィンドウ幅が最少480pxの場合にPC非表示*/

    
#content .topimg {
	width: 100%;
    margin: 0 0 0 0;
	padding: 0 0 10px 0;
    background: #204DA0;
    clear: both;
}

#content .topimg h1 {
    font-family: "メイリオ";
	font-size: 25px;
	color: #FFF;
	text-align: center;
    padding: 15px 0 0;
    margin: 0;
    line-height: 120%;
}

#content .topimg h2{
    font-family: "メイリオ";
    font-size: 18px;
    font-weight: normal;
	color: #FFF;
	text-align: center;
    padding: 0;
    margin: 10px 10px 0 0;
}

#content .topimg h3 {
    font-family: "メイリオ";
    font-size: 12px;
    font-weight: normal;
	color: #FFF;
	text-align: center;
    padding: 0;
    margin: 0 10px 0 0;
}

    

/******************************　first ↓↓↓　【SP】***************************************************************/
#content .first {
	margin: 0 auto;
    padding: 0;
    clear: both;
}

#content .first p {
    font-family: "メイリオ";
    font-size: 14px;
    margin: 10px 10px 10px 15px;
    padding: 0;
    text-align: justify;
    text-justify:inter-ideograph;
}

#content .first ul {
	margin: 15px 0 0 0;
	padding: 0;
}


#content .first li {
	margin: 0 20px 5px;
	padding: 0;
	font-size: 14px;
    font-weight: bold;
	color: #CCC;
}

#content .first li a {
	font-size: 14px;
    font-weight: bold;
	color: #00F;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#content .first li a:before {
	content: "▶";
	font-size: 13px;
}
#content .first li.consul a:before {
	content: "";
}


#content .first li a:hover {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

    
#content .first li.consul{
	margin: 0;
	padding: 20px;
	background: #D7EBFF;
}

#content .first li.consul a {
    text-decoration: none;
}

#content .first li.consul p.about {
	font-size: 13px;
	padding: 0;
	margin: 5px 0 0 0;
}
#content .first li.consul p.about span {
    display: block;
	font-size: 20px;
    font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}




#content .first li.consul a p.next {
	height: 32px;
	background: #FF8040;
	padding: 15px 20px 5px;
	text-align: center;
	margin: 7px 0 0 20px;
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
	/**背景色入替え**/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	border: 3px double #FFF;
}


#content .first li.consul a:hover p.next {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}
    



    
    
    
/******************************　main1 ↓↓↓　【SP】***************************************************************/
#content .main1 {
	margin: 10px 10px 0;
    padding: 0;
    border-top: 2px solid #ccc;
}
    
#content .main1 h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 13px 0 10px 0;
    padding: 20px 0 5px;
    border-bottom: 1px dotted #ccc;
}
#content .main1 h2:before {
    content: "■";
}

#content .main1 h2 span {
    display: block;
    font-size: 13px;
    margin: 00;
    padding: 0;
}

/*****************************************/
#content .main1 .main1-1 {
	background: #FFF;
	margin: 20px 10px 20px;
    padding: 10px 0 0;
	clear: both;
}


#content .main1 .main1-1 p.detail {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px 0;
}


#content .main1 .main1-1 ul.about {
	margin: 0;
}


#content .main1 .main1-1 ul.about li {
	font-size: 13px;
	line-height: 15px;
	margin: 6px 0 0 0;
}


#content .main1 .main1-1 .counsel {
	margin: 15px 0 0;
}

#content .main1 .main1-1 .counsel a {
    display: block;
	padding: 15px;
	background: #FFECEC;
	text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}


#content .main1 .main1-1 .counsel a:hover {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}


#content .main1 .main1-1 .counsel p.c-tit {
    font-family: "メイリオ";
	font-size: 17px;
	color: #C50000;
	font-weight: bold;
	text-align: center;
}


#content .main1 .main1-1 .counsel p.c-pla {
    font-family: "メイリオ";
	font-size: 13px;
	text-align: center;
	line-height: 15px;
	margin: 10px 0 0;
}


#content .main1 .main1-1 .counsel p.c-abo {
    font-family: "メイリオ";
	font-size: 13px;
	line-height: 15px;
	margin: 10px 0 0;
	text-align: justify;
	text-justify: inter-ideograph;
}


/**　東京　***************************/
#content .main1 .main1-2 {
    overflow: hidden;
	background: #E3EFFB;
	margin: 0 5px 10px;
	padding: 0 0 10px;
    clear: both;
}


#content .main1 .main1-2 p.title-t {
	font-size: 15px;
	font-weight: bold;
	color: #666;
	padding: 5px 0;
	text-align: center;
	background: #B2D8FF;
}


#content .main1 .main1-2 .left {
    float: left;
	width: 70%;
}


#content .main1 .main1-2 .left p.day {
	font-size: 14px;
	border-bottom: 1px dotted #999999;
	margin: 5px 10px 5px 10px;
	padding: 0 0 0 5px;
}


#content .main1 .main1-2 .left p.date {
	font-size: 14px;
	border-bottom: 1px dotted #999999;
	margin: 5px 10px 5px 20px;
	padding: 0 0 0 10px;
}


#content .main1 .main1-2 .right {
	float: right;
	width: 30%;
}


#content .main1 .main1-2 .right p.btn-apply a {
	display: block;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background-color: #FF8040;
	margin: 25px 10px 0 0;
	padding: 35px 0;
	/**背景色入替え**/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}


#content .main1 .main1-2 .right p.btn-apply a:hover {
	background: #666;
	color: #FFF;
}



/**　大阪　***************************/
#content .main1 .main1-3 {
    overflow: hidden;
	background: #E3FDEE;
	margin: 0 5px 10px;
	padding: 0 0 10px;
    clear: both;
}

#content .main1 .main1-3 p.title-t {
	font-size: 15px;
	font-weight: bold;
	color: #666;
	padding: 5px 0;
	text-align: center;
	background: #B2FFD8;
}


#content .main1 .main1-3 .left {
    float: left;
	width: 70%;
}


#content .main1 .main1-3 .left p.day {
	font-size: 14px;
	border-bottom: 1px dotted #999999;
	margin: 5px 10px 5px 10px;
	padding: 0 0 0 5px;
}


#content .main1 .main1-3 .left p.date {
	font-size: 14px;
	border-bottom: 1px dotted #999999;
	margin: 5px 10px 5px 20px;
	padding: 0 0 0 10px;
}

#content .main1 .main1-3 .right {
    float: right;
	width: 30%;
}


#content .main1 .main1-3 .right p.btn-apply a {
	display: block;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background-color: #FF8040;
	margin: 25px 10px 0 0;
	padding: 35px 0;
	/**背景色入替え**/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#content .main1 .main1-3 .right p.btn-apply a:hover {
	background: #666;
	color: #FFF;
}
    
    
    
}/*ウィンドウ幅が最少480pxの場合にPC非表示終了*/
/** 【S用】　↑↑↑　*****************************************************************************************************/
/***************************************************************************************************************************/
    
    
    

    
/** コンテント ここまで　↑↑↑　*****************************************************************************************************/