@charset "utf-8";
/* CSS Document */

img {
 vertical-align: bottom;
}
/*-----------------------------------------
common
-----------------------------------------*/

.md_main {
 width: 900px;
 margin: 0 auto;
 font-size: 16px;
 line-height: 140%;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #333333;
 letter-spacing: 3px;
}
.md_main a:hover {
 opacity: 0.6;
 filter: alpha(opacity=60);
 -ms-filter: "alpha(opacity=60)";
}
.pc_none {
 display: none;
}
.sp_none {
 display: block;
}
/*-----------------------------------------
title
-----------------------------------------*/
.md_title_back {
 background: url(../img/md_title.jpg) no-repeat;
 height: 500px;
 position: relative;
}
.md_title_back p {
 margin: 0;
}
.md_title_text1 {
 position: absolute;
 width: 404px;
 left: 63px;
 top: 309px;
 font-size: 20px;
}
.md_title_text1_t {
 color: #e13244;
}
.md_title_text2 {
 position: absolute;
 width: 900px;
 left: 0;
 top: 423px;
 font-size: 24px;
 text-align: center;
 color: #fff;
}
.md_title_text2_t {
 color: #daa520;
 font-size: 18px;
}
.sp_md_title1 {
 display: none;
}
.sp_md_title2 {
 display: none;
}
.md_title_text1_sp1 {
 display: none;
}
.md_title_text1_sp3 {
 display: none;
}
/*-----------------------------------------
wrapping
-----------------------------------------*/
.md_wrapping {
 border: 1px solid #333;
 width: 860px;
 margin: 20px auto 0 auto;
 padding: 10px;
}
.md_wrapping1 {
 background: url(../img/md_present.jpg) no-repeat top right;
 border: 1px solid #333;
}
.md_wrapping1 p {
 margin: 0;
}
.md_wrapping_title {
 padding: 20px;
 width: 530px;
 font-size: 24px;
 line-height: 160%;
}
.md_wrapping_text {
 width: 580px;
}
.md_wrapping_text1 {
 padding: 0 20px 20px 20px;
}
.md_wrapping_text2 {
 padding: 0 20px;
 font-size: 14px;
 line-height: 120%;
}
.md_wrapping_text3 {
 color: #e13244;
 text-decoration: underline;
 padding: 20px 20px 0 20px;
 font-size: 18px;
}
.md_wrapping_text4 {
 padding: 20px;
 font-size: 14px;
 line-height: 120%;
}
/*-----------------------------------------
campaign
-----------------------------------------*/
.md_campaign {
 background: url(../img/md_campaign.gif) no-repeat center #f4f4f4;
 height: 68px;
 margin: 30px 10px;
}
/*-----------------------------------------
item_title
-----------------------------------------*/
.item_box {
 border: 1px solid #333;
 width: 840px;
 margin: 0 auto 20px auto;
 padding: 20px;
}
.item_box p {
 margin: 0;
}
.item_box_title {
 overflow: hidden;
 zoom: 1;
 margin: 0 0 20px 0;
}
.item_box_title_l {
 float: left;
 width: 50px;
 font-size: 74px;
 line-height: 100%;
 font-family: "Times New Roman", Times, serif;
}
.item_box_title_r {
 float: left;
 width: 788px;
 font-size: 24px;
 line-height: 140%;
}
/*-----------------------------------------
item_box
-----------------------------------------*/
.item_contents {
 position: relative;
 height: 490px;
}
.item_contents1 {
 position: absolute;
 width: 368px;
}
.item_contents2 {
 position: absolute;
 width: 437px;
 right: 0;
 line-height: 120%;
}
.item_contents3 {
 position: absolute;
 top: 354px;
 width: 368px;
}
.item_contents4 {
 position: absolute;
}
.item_contents_text1 {
 font-size: 14px;
 padding: 0 0 20px 0;
}
.item_contents_text2 {
 color: #e13244;
 padding: 0 0 20px 0;
}
.item_contents_text3 {
 font-size: 12px;
 line-height: 110%;
}
.item_contents_text4 {
 font-size: 12px;
 line-height: 110%;
 text-align: right;
}
.item_contents_text5 {
 font-size: 12px;
 line-height: 110%;
 text-align: right;
 padding-top:5px;
}
.item_btn {
 background: #e13244;
 width: 397px;
 text-align: center;
 color: #ffffff;
 display: block;
 text-decoration: none;
 font-size: 30px;
 padding: 20px;
 margin: 20px 0 0 0;
 border-radius: 10px;        /* CSS3草案 */
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;   /* Firefox用 */
}
.item_contents_note {
 padding: 10px 20px;
}
/*-----------------------------------------
item wrapping
-----------------------------------------*/
.item_wrapping {
 background: #f4f4f4;
 position: relative;
 height: 200px;
}
.item_wrapping1 {
 position: absolute;
 color: #e13244;
 font-size: 24px;
 left: 188px;
 top: 20px;
}
.item_wrapping2 {
 position: absolute;
 width: 150px;
 left: 10px;
 top: 10px;
}
.item_wrapping3 {
 position: absolute;
 width: 600px;
 left: 186px;
 top: 52px;
}
.item_wrapping4 {
 position: absolute;
 left: 189px;
 top: 132px;
}
.item_wrapping_text1 {
 font-size: 14px;
 padding: 0 0 10px 0;
}
.item_wrapping_text2 {
 font-size: 12px;
 padding: 0 0 10px 0;
}
.item_wrapping_btn {
 background: #886ba8;
 width: 440px;
 text-align: center;
 color: #ffffff;
 display: block;
 text-decoration: none;
 font-size: 24px;
 padding: 10px 20px;
 margin: 0 0 0 0;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}
/*-----------------------------------------
note
-----------------------------------------*/
.note {
 padding: 20px;
 font-size: 14px;
}
.note p {
 margin: 0;
 padding-left: 1em;
 text-indent: -1em;
}

@media screen and (max-width : 480px) {
/*---------------------------------------------------------------------------
 SP/ container
---------------------------------------------------------------------------*/
/*-----------------------------------------
common
-----------------------------------------*/

.md_main {
 width: 100%;
 font-size: 100%;
 line-height: 130%;
 letter-spacing: 1px;
}
.pc_none {
 display: block;
}
.sp_none {
 display: none;
}
.md_title_l {
 font-size: 100%;
}
/*-----------------------------------------
title
-----------------------------------------*/
.md_title_back {
 background: none;
 height: auto;
 position: static;
}
.md_title_back p {
 margin: 0;
}
.sp_md_title1 {
 display: block;
 position: relative;
}
.sp_md_title1_1 img {
 width: 100px;
}
.sp_md_title1_2 {
 position: absolute;
 background: #333;
 color: #fff;
 right: 0;
 font-size: 80%;
 padding: 0 2px;
}
.sp_md_title2 {
 display: block;
 position: relative;
}
.sp_md_title1_1 img {
 width: 100px;
}
.sp_md_title2_2 {
 position: absolute;
 padding: 0 2px;
 left: 10px;
 top: 3px;
}
.md_title_text1 {
 position: static;
 left: 0;
 top: 0;
 font-size: 100%;
 overflow: hidden;
 zoom: 1;
 width: 100%;
 margin: 0 auto;
 padding: 2% 0;
}
.md_title_text1_sp1 {
 float: left;
 font-size: 250%;
 line-height: 100%;
 display: inherit;
}
.md_title_text1_sp2 {
 float: left;
 padding: 1% 0 0 0;
}
.md_title_text1_sp3 {
 float: left;
 font-size: 250%;
 line-height: 100%;
 display: inherit;
}
.md_title_text1_t {
 color: #e13244;
}
.md_title_text2 {
 position: static;
 width: 100%;
 background: #333;
 left: 0;
 top: 0;
 font-size: 120%;
 text-align: center;
 color: #fff;
 padding: 2% 0;
}
.md_title_text2_t {
 color: #daa520;
 font-size: 80%;
}
/*-----------------------------------------
wrapping
-----------------------------------------*/
.md_wrapping {
 border: none;
 width: 94%;
 margin: 5% auto 0 auto;
 padding: 0;
}
.md_wrapping1 {
 background: none;
 border: none;
}
.md_wrapping_title {
 padding: 0;
 width: 100%;
 font-size: 120%;
 text-align: center;
}
.md_wrapping_text {
 width: 100%;
 padding: 0;
}
.md_wrapping_text1 {
 padding: 0 0 5% 0;
}
.md_wrapping_text2 {
 font-size: 90%;
 padding: 0 0 5% 0;
}
.md_wrapping_text3 {
 font-size: 110%;
 padding: 0 0 5% 0;
}
.md_wrapping_text4 {
 font-size: 90%;
 padding: 0;
}
/*-----------------------------------------
campaign
-----------------------------------------*/
.md_campaign {
 background: #f4f4f4;
 height: auto;
 padding: 2% 0;
 text-align: center;
}
/*-----------------------------------------
item_title
-----------------------------------------*/
.item_box {
 border: none;
 width: 94%;
 margin: 0 auto 5% auto;
 padding: 2%;
}
.item_box_title_l {
 float: left;
 width: 10%;
 font-size: 200%;
 line-height: 100%;
}
.item_box_title_r {
 float: left;
 width: 90%;
 font-size: 110%;
 line-height: 140%;
}
/*-----------------------------------------
item_box
-----------------------------------------*/
.item_contents {
 position: static;
 height: auto;
}
.item_contents1 {
 position: static;
 width: 100%;
}
.item_contents2 {
 position: static;
 width: 100%;
 right: auto;
 line-height: 120%;
}
.item_contents3 {
 position: static;
 top: auto;
 width: 100%;
}
.item_contents_text1 {
 font-size: 110%;
 padding: 0 0 5% 0;
}
.item_contents_text2 {
 color: #e13244;
 padding: 0 0 5% 0;
}
.item_contents_text3 {
 font-size: 90%x;
 line-height: 110%;
}
.item_contents_text4 {
 font-size: 90%x;
 line-height: 110%;
}
.item_btn {
 background: #e13244;
 width: 80%;
 text-align: center;
 color: #ffffff;
 display: block;
 text-decoration: none;
 font-size: 120%;
 padding: 6%;
 margin: 5% auto;
 border-radius: 10px;        /* CSS3草案 */
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;   /* Firefox用 */
}
.item_contents_note {
 padding: 10px 20px;
}

/*-----------------------------------------
item wrapping
-----------------------------------------*/
.item_wrapping {
 background: #f4f4f4;
 position: static;
 height: auto;
 padding:4%;
 margin:4% 0 0 0;
}
.item_wrapping1 {
 position: static;
 font-size: 104%;
 text-align:center;
 margin:0 0 5% 0;
 left: auto;
 top: auto;
}
.item_wrapping_sp_w {
 overflow: hidden;
 zoom: 1;
}
.item_wrapping2 {
 position: static;
 float:left;
 width: 23%;
 left: auto;
 top: auto;
}
.item_wrapping3 {
 position: static;
 float: right;
 width: 70%;
 left: auto;
 top: auto;
}
.item_wrapping4 {
 position: static;
 left: auto;
 top: auto;
}
.item_wrapping_text1 {
 font-size: 14px;
 padding: 0 0 10px 0;
}
.item_wrapping_text2 {
 font-size: 12px;
 padding: 0 0 10px 0;
}
.item_wrapping_btn {
 background: #886ba8;
 width: 80%;
 text-align: center;
 color: #ffffff;
 display: block;
 text-decoration: none;
 font-size: 100%;
 padding: 5%;
 margin:0 auto;
 border-radius: 5px;        /* CSS3草案 */
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;   /* Firefox用 */
}


}