@charset "utf-8";
/* ===================================================================
CSS information

 file name  :media.css
 author     :Ability Consultant
style info  :ホームページ設定　ハックは最下部に記述
=================================================================== */
/*----------------------------------------------------
	各ページ専用指定
----------------------------------------------------*/

/* 共通
----------------------------------------------------*/

#media h2 {
    padding: 3em 0 0.2em;
    text-align: center;
}
#media h2 img {
    max-width: 48%;
}

/* .con_fee
----------------------------------------------------*/
#media .con_med {
    max-width: 580px;
	margin: 0 auto;
}
#media .con_med .img_pat {
    text-align: center;
	padding-bottom: 1.5em;
	height: 2px;
}
#media .con_med .txt_med {
    text-align: center;
	padding-bottom: 1.5em;
}
#media .con_med .txt_med img {
    max-width: 75%;
}
#media .con_med .img_pat img {
    max-width: 100%;
}


#media .con_med ul.box_med {
	margin-bottom: 2em;
	border-top: 1px dotted #736356;
	padding-top: 1.5em;
}
#media .con_med ul.box_med li {
 	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px dotted #736356;
}
#media .con_med ul.box_med li .txt_date {
    font-weight: normal;
	background-color: #df9c4c;
	color: #000000;
	padding: 0 0.3em 0 0.3em;
	margin-bottom: 0.7em;
	width: 5.2em;
	/*text-align: center;*/
}
#media .con_med ul.box_med li h3 {
    font-weight: normal;
	font-size: 110%;
	padding: 0.3em 0 0.3em 0.6em;
	margin-bottom: 1em;
	border-left: 1px solid #edae63;
}
#media .con_med ul.box_med li p {
    margin-bottom: 1em;
}

#media .con_med ul.box_med li p.photo {
    max-width: 50%;
	margin-bottom: 0;
}
#media .con_med ul.box_med li p.photo img{
    max-width: 100%;
}


#media .con_med .btn_eve {
	margin-bottom: 2em;
	text-align: center;
}
#media .con_med .btn_eve img {
	max-width: 100%;
}



/* -----------------------------------------------------------
	380pxの解像度のレイアウト調整
----------------------------------------------------------- */
@media only screen and (max-width: 380px) {
}


/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}