@charset "utf-8";
/*------------------------------------------------------------------------------------------
*
*
    index.css
*
*
------------------------------------------------------------------------------------------ */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/*HTML5display-roleresetforolderbrowsers*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

body{
    font-family: '游ゴシック','YuGothic',Meiryo,メイリオ,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    color: #000;
    font-size : 16px;
    background-color: #000;
    background-image:url(../images/parts_bg_gr_repeat.png);
    background-position: center;
    -webkit-text-size-adjust: 100%;
    word-break: normal;
    position: relative;
    z-index: 1;
}

body, html{
    width: 100%;
    height: 100%;
}

a, li, p, div, button{ outline: none !important; }
a{ color: #ED3934; text-decoration: none;}
a:hover{ text-decoration: underline;}

.indent_half_top{ position: relative; margin-left: -.5em !important;}
.indent_half{ position: relative; margin-left: -.5em;}

.current,
.current a,
.disabled,
.disabled a,
.overlay{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

img{ height: auto; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
a img{ transition: opacity .15s ease 0s;}
a img:hover{ transition: opacity .15s ease .1s; opacity: .7;}


#section_yodogawa,
#section_date,
.section .sec_ev h4{
    font-family: 'ハルクラフト', '游ゴシック','YuGothic',Meiryo,メイリオ,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}

@media screen and (min-width : 641px){ 
/*------------------------------------------------------------------------------------------
*
*
    min-width : 641px
*
*
------------------------------------------------------------------------------------------ */

/* --------------------------------------------------
*
    common settings
*
-------------------------------------------------- */
body{
    overflow: auto !important;
}

#wrap{
    width: 100%;
    min-width: 800px;
    background-image:url(../images/parts_bg_gr.png);
    background-repeat: no-repeat;
    background-position: center top;
    overflow: hidden;
    margin: 0 auto;
}

br.sp{ display: none;}
img.sp{ display: none;}
.switch_sp{ display: none;}

#contents_area{
    width: 800px;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
    display: block !important;
}


#head_title{
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    padding: 1px 0 0 0;
    background-color: #FF0000;
    text-align: center;
}

#head_title a{
    display: block;
}

.section{
    border-bottom: 10px solid #000;
}

/* --------------------------------------------------
*
    #main_visual
*
-------------------------------------------------- */
#main_visual{
    text-align: center;
    line-height: 0;
}

/* --------------------------------------------------
*
    #section_yodogawa
*
-------------------------------------------------- */
#section_yodogawa{
    padding: 30px 0 25px 0;
    text-align: center;
    background-color: #DFD3C5;
}

#section_yodogawa h2{
    margin: 0 0 10px 0;
}

#section_yodogawa .title_btm{
    margin: 10px 0 0 0;
}

#section_yodogawa p{
    font-size: 19px;
    line-height: 2em;
    letter-spacing: .04em;
}

#section_yodogawa p span{
    text-indent: 0 !important;
}


/* --------------------------------------------------
*
    #section_date
*
-------------------------------------------------- */
#section_date{
    padding: 80px 0 60px 0;
    text-align: center;
}

#section_date h3{
    margin: 0 0 30px 0;
}

#section_date p{
    font-size: 19px;
    line-height: 2em;
    letter-spacing: .04em;
}


/* --------------------------------------------------
*
    #section_ev
*
-------------------------------------------------- */
.section.ev{
    padding: 45px 0 20px 0;
    text-align: center;
}

.section.ev h2{
    margin: 0 0 35px 0;
}

.section.ev h3{
    margin: 0 0 20px 0;
}

.section.ev h4{
    margin: 0 0 20px 0;
}

.section.ev p{
    width: 520px;
    text-align: left;
    margin: 0 auto;
    line-height: 2.25em;
}

.section.ev .desc{
    margin: 0 auto 90px auto;
}

.section .detail{
    width: 520px;
    margin: 0 auto;
    text-align: left;
}

.section .detail ol{
    text-indent: -1em;
    padding-left: 1em;
}

.section.ev ol li{
    margin: 0 !important;
    line-height: 2.25em;
}


.section .detail li{
    margin: 0 0 85px 0;
}

.section .sec_ev h4{
    margin: 45px 0 10px 0;
    font-size: 24px;
    letter-spacing: .04em;
    color: #007A37;
}

/*
*
    #section_ev01
*
*/
#section_ev01 .pic{
    width: 520px;
    margin: 0 auto 15px auto;
    position: relative;
}

#section_ev01 .pic span.illust{
    position: absolute;
    bottom: -3px;
    right: -35px;
}


/*
*
    #section_ev02
*
*/
#section_ev02 .pic{
    margin-top: -20px;
}


/*
*
    #section_ev03
*
*/
#section_ev03 h3{
    margin-bottom: 30px;
}


/*
*
    #section_ev04
*
*/
#section_ev04 h3{
    margin-bottom: 40px;
}


/* --------------------------------------------------
*
    #footer
*
-------------------------------------------------- */
#footer{
    padding: 30px 0;
    background-color: #000;
    text-align: center;
}

#footer .share{
    margin: 0 0 40px 0;
}

#footer .share li{
    margin: 0 35px;
    display: inline-block;
}
    


} /* ----- min-width : 641px ----- */




/* --------------------------------------------------------------------------------------------------------------
*
    max-width: 640px
*
-------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
/* --------------------------------------------------
*
    common settings
*
-------------------------------------------------- */
body{
    z-index: 10;
    overflow-x: hidden;
    font-size: 16px;
}

body, html{
    width: 100%;
    min-width: 100%;
}

br{ display: none;}
br.sp{ display: inherit;}
img.pc{ display: none;}
.switch_pc{ display: none;}

.indent_half{ position: relative; margin-left: 0;}


#contents_area{
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
    display: block !important;
}


#head_title{
    height: 20px;
    box-sizing: border-box;
    line-height: 0;
    padding: 5px 0 0 0;
    background-color: #FF0000;
    text-align: center;
}

#head_title a{
    display: block;
}

#head_title img{
    width: 180px;
}

.section{
    border-bottom: 5px solid #000;
}

/* --------------------------------------------------
*
    #main_visual
*
-------------------------------------------------- */
#main_visual{
    text-align: center;
    line-height: 0;
}

#main_visual img{
    width: 100%;
}

/* --------------------------------------------------
*
    #section_yodogawa
*
-------------------------------------------------- */
#section_yodogawa{
    padding: 15px 15px 20px 15px;
    text-align: left;
    background-color: #DFD3C5;
}

#section_yodogawa h2{
    margin: 0 0 10px 0;
    text-align: center;
}

#section_yodogawa h2 img{
    width: 80%;
    max-width: 378px;
}

#section_yodogawa .title_btm{
    text-align: center;
}

#section_yodogawa .title_btm img{
    width: 80%;
    max-width: 286px;
}

#section_yodogawa p{
    font-size: 16px;
    line-height: 2em;
}

#section_yodogawa p span{
    text-indent: 0 !important;
}


/* --------------------------------------------------
*
    #section_date
*
-------------------------------------------------- */
#section_date{
    padding: 40px 0 30px 0;
    text-align: center;
}

#section_date h3{
    margin: 0 0 15px 0;
}

#section_date h3 img{
    width: 210px;
}

#section_date p{
    font-size: 14px;
    line-height: 2em;
    white-space: nowrap;
}


/* --------------------------------------------------
*
    #section_ev
*
-------------------------------------------------- */
.section.ev{
    padding: 20px 0;
    text-align: center;
}

.section.ev .pic{
    max-width: 520px;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}
.section.ev .pic img{
    max-width: 520px;
}

.section.ev h2{
    margin: 0 0 20px 0;
}

.section.ev h2 img{
    width: 50%;
    max-width: 250px;
}

.section.ev h3{
    margin: 0 0 20px 0;
}

.section.ev h4{
    margin: 0 0 20px 0;
}

.section.ev p{
    text-align: left;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 14px;
    line-height: 2.25em;
}

.section.ev ol li{
    margin: 0 !important;
    line-height: 2.25em;
}

.section.ev .sec_ev h4.top{
    margin: 25px 0 15px 0;
}

.section.ev .desc{
    margin: 0 auto 40px auto;
}


.section.ev .detail{
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
}

.section.ev .detail h4{
    padding: 0 10px;
}

.section.ev .detail ol{
    text-indent: -1em;
    padding-left: 1em;
}

.section.ev .detail li{
    margin: 0 0 45px 0;
}

.section.ev .detail ol li{
    padding: 0 10px;
    margin: 0 0 10px 0 !important;
}

.section.ev .sec_ev h4{
    margin: 40px 0 10px 0;
    padding: 0 10px;
    font-size: 20px;
    line-height: 1.3em;
    letter-spacing: .04em;
    color: #007A37;
    white-space: nowrap;
}

.section.ev .detail h4 img{
    width: 60% !important;
    max-width: 220px;
}

.section.ev .sec_ev .indent_half_top{
    margin-left: -.5em !important;
}


/*
*
    #section_ev01
*
*/
#section_ev01{
    padding-bottom: 20px;
}

#section_ev01 h3 img{
    width: 90%;
    max-width: 521px;
}

#section_ev01 .pic{
    padding: 0 10px;
    margin: 0 0 10px 0;
    position: relative;
}

#section_ev01 .pic img{
    width: 100%;
}

#section_ev01 .pic span.illust{
    position: absolute;
    bottom: -3px;
    right: -10px;
}

#section_ev01 .pic span.illust img{
    width: 70%;
    max-width: 103px;
}


/*
*
    #section_ev02
*
*/
#section_ev02 h3 img{
    width: 100%;
}

#section_ev02 .pic{
    margin-top: -10px;
}

#section_ev02 .pic img{
    width: 100% !important;
}


/*
*
    #section_ev03
*
*/
#section_ev03{
    padding-bottom: 30px;
}

#section_ev03 h3{
    margin-bottom: 20px;
}

#section_ev03 h3 img{
    width: 90%;
}

#section_ev03 .pic img{
    width: 100%;
}


/*
*
    #section_ev04
*
*/
#section_ev04{
    padding-bottom: 30px;
}

#section_ev04 h3{
    margin-bottom: 20px;
}

#section_ev04 h3 img{
    width: 90%;
}

#section_ev04 .pic img{
    width: 100%;
}

/* --------------------------------------------------
*
    #footer
*
-------------------------------------------------- */
#footer{
    padding: 20px 0;
    background-color: #000;
    text-align: center;
}

#footer .share{
    margin: 0 0 20px 0;
}

#footer .share li{
    margin: 0 10px;
    display: inline-block;
}

#footer .share li img{
    width: 45px;
}

#footer .copyright img{
    width: 121px;
}



} /* ----- max-width: 640px ----- */