@charset "utf-8";
@import "reset.css";
@import "image.css";



@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
*/

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400&display=swap');
*/



/*SP max-width: 768px */
/*PC min-width: 769px */

@import url("templates_sp.css") screen and (max-width: 400px);/*_sp*/
@import url("templates_sp.css") screen and (min-width: 401px) and (max-width: 834px);/*_tb*/
@import url("templates.css") print, screen and (min-width: 835px);

/*OLD
@import url("templates_sp.css") screen and (max-width: 768px);/*_sp*/
/*@import url("templates.css") print, screen and (min-width: 769px);
*/

@import url("style_sp.css") screen and (max-width: 400px);/*_sp*/
@import url("style_sp.css") screen and (min-width: 401px) and (max-width: 834px);/*_tb*/
@import url("style.css") print, screen and (min-width: 835px);

/*OLD
@import url("style_sp.css") screen and (max-width: 768px);/*_sp*/
/*@import url("style.css") print, screen and (min-width: 769px);
*/

@import url("slick_sp.css") screen and (max-width: 400px);/*_sp*/
@import url("slick_sp.css") screen and (min-width: 401px) and (max-width: 834px);/*_tb*/
@import url("slick.css") print, screen and (min-width: 835px);
@import url("slick-theme.css") print, screen and (min-width: 835px);


@import url("sp_navi_animate.css") screen and (min-width: 769px);
@import url("sp_navi.css") screen and (min-width: 769px);
@import url("sp_navi_animate.css") screen and (max-width: 768px);/*_sp*/
@import url("sp_navi.css") screen and (max-width: 768px);/*_sp*/



/*マーカーアニメーション*/

.linemarker.active{
background-position: -100%;
 /*   background-position: -100% .5em;*/
}

.linemarker {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(246,201,19) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(246,201,19) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(246,201,19) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(246,201,19) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(246,201,19) 50%);
    background-repeat: repeat-x;
    background-size: 200% 2.0em;
/*    background-position: 0 1.0em;*/
    transition: all 2s ease;
    line-height:1.4em;
}



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