@charset "utf-8";
    #maincontent .body {
	padding-bottom: 20px;
	line-height: 1.5em;
	font-size: 105%;
    }
    #maincontent .txt_r {
        text-align: right;
    }
    #maincontent .sign {
        text-align: right;
        margin-top: 10px;
    }
    #maincontent .sign p {
        padding-bottom: 10px;
    }
    #maincontent .h_pink .time  {
        border-top: 4px solid #f19db5;
    }
    #maincontent .h_pink .year {
        background-color: #f19db5;
    }
    #maincontent .h_blue .time  {
        border-top: 4px solid #83c4ea;
    }
    #maincontent .h_blue .year {
        background-color: #83c4ea;
    }


    #maincontent .h_green .time  {
        border-top: 4px solid #9ec62e;
    }
    #maincontent .h_green .year {
        background-color: #9ec62e;
    }




@media print,screen and (min-width: 769px) {


    #maincontent .title_area {
        border-bottom: 100px solid #f19db5;
    }
    #maincontent .title_area h1 {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 35px;
        margin-bottom: 35px;
    }


    #maincontent .inner {
        margin-left: auto;
        margin-right: auto;
        width: 960px;
        margin-top: -100px;
    }
    #maincontent .timeline {
        background-image: url(../img/timeline_bg.png);
        background-repeat: repeat-y;
        background-position: left top;
        margin-top: 80px;
    }
    #maincontent .time  {
        border-top: 2px solid #baa1cb;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        padding-bottom: 30px;
    }
    #maincontent .year   {
        width: 160px;
        background-color: #baa1cb;
        color: #FFFFFF;
        font-family: KokoroMinchoutai;
		-ms-font-feature-settings: "normal";
        text-align: center;
        vertical-align: middle;
        font-size: 170%;
        line-height: 1em;
        float: left;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    #maincontent .episode    {
        width: 720px;
        float: right;
        padding-bottom: 15px;
        padding-top: 20px;
    }
    #maincontent .episode .title  {
        font-size: 170%;
        font-family: KokoroMinchoutai;
		-ms-font-feature-settings: "normal";
        padding-bottom: 30px;
    }
    #maincontent .episode ul {
    }
    #maincontent .episode ul li {
        margin-left: 1.2em;
        text-indent: -1em;
        padding-bottom: 5px;
    }


    #maincontent .episode .photos  {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #maincontent .photos .p0 {
        padding-bottom: 10px;
    }
    #maincontent .episode .p_l {
        float: left;
    }
    #maincontent .episode .p_r {
        float: right;
    }
    #maincontent  .photos .cap  {
        text-align: center;
        margin-top: 10px;
    }
    #bar80 {
        background-color: #FA0207;
        border: 1px solid #FFFFFF;
    }
}




@media only screen and (max-width: 768px) {
    #maincontent .title_area   {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #maincontent  .sp_bg {
        background-image: url(../img/timeline_bg_sp.png);
        background-repeat: repeat-y;
        background-position: left top;
        background-size: 5% auto;
    }
    #maincontent .timeline {
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 30px;
    }
    #maincontent .time  {
        border-top: 4px solid #baa1cb;
        padding-bottom: 50px;
    }
    #maincontent .year {
        width: 25%;
        background-color: #baa1cb;
        font-family: KokoroMinchoutai;
		-ms-font-feature-settings: "normal";
        color: #FFFFFF;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 8px;
        font-size: 150%;
        margin-bottom: 10px;
    }
    #maincontent .title {
        font-family: KokoroMinchoutai;
		-ms-font-feature-settings: "normal";
        font-size: 170%;
        line-height: 1.5em;
        padding-bottom: 10px;
        padding-left: 5%;
    }

    #maincontent .episode ul li {
	margin-left: 1.2em;
	text-indent: -0.88em;
	padding-bottom: 5px;
	padding-left: 5%;
    }
    #maincontent .photos {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    #maincontent .photos .p0  {
        padding-bottom: 10px;
    }
    #maincontent .photos .p_l  {
        width: 48%;
        float: left;
    }
    #maincontent .photos .p_r {
        width: 48%;
        float: right;
    }
    #maincontent .photos .cap {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #maincontent .photos .w30   {
        width: 30%;
    }
    #maincontent .photos .w70  {
        width: 66%;
    }
    #y2023 {
        margin-top: -30px;
    }



}