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


@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');


*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.kometane_main{
    position: relative;
	width: 80%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

.kometane_main img{
    position: relative;
	width: 100%;
	height: auto;
    z-index: 2!important;
}

.kometane_main .kome_deco_01{
    position: absolute;
    top: 7%;
    left: -2%;
    width: 14%;
    height: auto;
    z-index: 1!important;
}

.kometane_main .kome_deco_01 img{
    width: 100%;
    height: auto;
}

.kometane_main .kome_deco_02{
    position: absolute;
    top: 18%;
    right: -2%;
    width: 10%;
    height: auto;
    z-index: 1!important; 
}

.kometane_main .kome_deco_02 img{
    width: 100%;
    height: auto;
}




/*  title  */

.remote_image_box h3.kometane_title {
    margin-top: 5%;
    margin-bottom: 0%;
    padding: 2% 0%;
    line-height: 1.4em;
	font-size:22px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    color: #231815;
    background:url("../remote/img/title_bg.png");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    text-align: center;
    letter-spacing: 0.04em;
}

.remote_image_box h3.kometane_title::before{
	content:"";
	background: url("img/icon_babty.png") no-repeat;
	background-position: center left;
	background-size: 35px;
	width: 100%;
	height: auto;
	padding: 2% 35px 2% 2%;
}

.remote_image_box h3.kometane_title span.small{
	font-size: 0.8em;
}

.remote_image_box h3.kometane_title span.pink{
	color: #DB243C;
	font-feature-settings: "palt";
}


h4.kometane_special_title{
	font-size: 1.25em;
	font-family: 'Noto Serif JP', serif;
	margin: 0px 0 20px 0;
	padding: 0 4%;
}

h4.school_special_title{
	font-size: 1.3em;
	margin: 0px 0 15px 0;
	padding: 0%;
}

/*
h4.school_special_title::before{
	display: block;
	content: "";
	background: url("img/echan.png")no-repeat;
	background-position: center center;
	background-size: 35px;
	padding: 8% 6%;
	letter-spacing: 0.1em;
}
*/
h4.schedule_title{
	font-size: 1.8em;
	margin: 0px 0 0px 0;
	padding: 0;
	color: #E60012;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
	border-bottom: 2px solid #E60012;
	text-align: left;
}

h4.schedule_title span{
	padding-left: 1em;
	font-size: 0.7em;
}

h4.schedule_title span.small{
	padding: 0;
	margin-top: 1em;
	margin-bottom: 0.6em;
	float: right;
	font-size: 0.5em;
	font-weight: normal;
}


.font_mincho{
	font-family: 'Noto Serif JP', serif;
}

.font_englisf{
	font-family: 'Righteous', cursive;
}



.remote_image{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0% 0 0 0;
    z-index: 1;
}

.remote_image img{
    width: 100%;
    height: auto;
}

.right_img03{
	float:right;
	margin:40px 0px 30px 0px;
 	padding:0px 0px 0px 0px;
	width: 14%;
	height: auto;
	display: block;
}

.right_img03 img{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
}



/*  box  */

.schedule_box{
	position: relative;
	padding: 3% 2%;
	border: 6px solid #E60012;
}



/*  table  */

table.kometane_type {
    margin:0px;
    padding:30px;
	width:100%;
	display:table;
	font-size: 1.3em;
	background: #FFFFFF;
}
 
table.kometane_type th.remote_first,td.remote_first{
    background: #e8f5f6;
    font-weight: bold;
	border:dotted 1px #DDD;
}


table.kometane_type th {
	margin-bottom: 4%;
    padding:10px 0px 0px 0px;
    width:10%;
	display:table-cell;
	color: #828282;
	font-family: 'Righteous', cursive;
	font-size: 1.4em;
	vertical-align: top;
}



table.kometane_type td {
	vertical-align: top;
	display:table-cell;

}

table.kometane_type td.case02 {
    padding-bottom:17px!important;
	border-bottom:solid 1px #E60012;
}

table.kometane_type td.case02_sp {
	padding: 0;
    
}
 
table.kometane_type td.month {
    padding:0px 0px 0px 10px;
    width:100%;
	height: auto;
	color: #fff;
	font-size: 1.15em;
	font-weight: 600;
	background: #E60012;
	margin-bottom: 2%;
	
}

table.kometane_type td.month span{
	padding-left: 0.5em;
	font-size: 0.5em;
}

table.kometane_type td.content {
    padding:0px 0px 0px 10px;
    width:100%;
	height: auto;
	color: #595757;
    font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
}

table.kometane_type th,
table.kometane_type td{
  display:block;
}



.kometane_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
		
}

/* left_right  */

	
.kometane_left_com{
	width: 100%;
	height: auto;
	padding: 0 4% 0 0;
		
}
	
.kometane_right_img{
	margin: 3% auto 0 auto;
	width: 40%;
	height: auto;

}
	
.kometane_right_img img{
	width: 100%!important;
	height: auto;

}


/* naming  */

h4.naming_title{
    position: absolute;
    top: 1%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
	width: 105%;
	height: auto;
	padding: 0.1em 0em;
	margin: 0 auto;
	font-size: 1.45em;
	background: #E60012;
	color: #fff;
	text-align:center;
}

ul.naming_box{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}

ul.naming_box li{
	width: 47%;
	height: auto;
}

ul.naming_box li img{
	width: 100%;
	height: auto;
}


/* rice  */


.rice_box{
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
}
    
.rice_box img{
    width: 100%;
    height: auto;
}
    
.rice_box .white_box,
.rice_box .red_box{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 30px 50px;
    background: #fff;
}
    
.rice_box .white_box{
    padding: 30px 0px;
    text-align: center;
}

.rice_box .white_box img{
    width: 80%;
    height: auto;
}

        
.rice_box .red_box{
    padding: 30px 0px;
    background: #DB243C;
    color: #fff;
}
    
.rice_image{
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.rice_image img{
    width: 100%;
    height: auto;
}
    
.rice_image_02{
    padding: 0px 20px;
    margin-bottom: 40px;
}
    
.product_box{
    padding: 0px 30px;
    text-align: center;
}
    
.product_title{
    font-size: 37px;
    font-family: "Noto Serif JP", serif;
    margin-bottom: 40px;
    line-height: 1em;
}
    
.rice_box .red_box p{
    font-size: 16px;
    font-family: "Noto Serif JP", serif;
    line-height: 1.8em;
}
    
.rice_box .red_box p span{
    font-size: 0.9em;
}
    
.white_link{
    background: #fff;
    padding: 15px 20px;
    margin: 5% auto 0% auto;
    color: #DB243C;
    font-size: 16px;
    text-align: center;
}
    
.white_link a:link {
    color: #DB243C;
    text-decoration:none;
}

.white_link a:visited {
    color: #DB243C;
    text-decoration:none;
}

.white_link a:hover {
    color:#999;
    text-decoration:none;
}

.white_link a:active {
    color: #DB243C;
    text-decoration:none;
}




/* map_image  */

.map_image{
    position: relative;
	width: 100%;
	height: auto;
}

.map_image img{
	width: 100%;
	height: auto;
}


.gallery_map{
    position: absolute;
    top: 30%;
    left: 6%;
    width: 18%;
    height: auto;
    border: 3px solid #00FF00;
}

.gallery_map_02{
    position: absolute;
    top: 20%;
    right: 6%;
    width: 18%;
    height: auto;
    border: 3px solid #00FF00;
}



/*  big_banner  */

.big_banner{
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.big_banner img{
    width: 100%;
    height: auto;
}



/*  bg  */

.bg_blue{
	background: #00005E;
}

.bg_blue_02{
	background: #0000A2;
}

.bg_white{
	background: #fff;
}

.back_cosmo_top{
    background: url("img/back_top.webp") no-repeat;
    background-size:100%;
    background-position: center top!important;
}

.back_cosmo{
    background: url("img/back_01_pc.webp") no-repeat;
    background-size:100%;
    background-position: center top!important;
}

.back_cosmo_02{
    margin-top: -10px;
    padding-top: 130px;
    background: url("img/back_02.webp") no-repeat;
    background-size:100%;
    background-position: center top!important;
}




/*  ctr  */

.w94{
	width: 97%!important;
	height: auto;
}

.pd_ctr{
	padding: 4% 3%!important;
}

.pd_ctr_02{
	padding:1.5%!important;
}

.pd_ctr_03{
	padding: 5% 2%!important;
}

.pd_ctr_main{
	padding: 80px 0% 0px 0%;
}

.mt_ctr{
	margin-top: -80px!important;
}

.mt_common{
	margin-top: 3%!important;
}

.pb_none{
	padding-bottom:0!important;
}

.pt_none{
	padding-top:0!important;
}

.mb_none{
	margin-bottom:0!important;
}

.mt_none{
	margin-top:0!important;
}

.activity_area02{
    padding-top: 6%!important;
}







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

                     for TABLET & PC                  

===================================================== */
	
@media only screen and (min-width: 800px){

/* ----------------------------------------------------------
   REMOTE   [TABLET & PC]
---------------------------------------------------------- */
    
	
.remote_image_box h3.kometane_title {
	font-size:37px;
}

.remote_image_box h3.kometane_title::before{
	background-size: 55px;
	width: 100%;
	height: auto;
	padding: 2% 50px 2% 2%;
}
	
table.kometane_type td.month span{
	padding: 0;
	display: block;
}
	
	
.kometane_main{
	width: 750px;
	height: auto;
	margin: 0 auto;
}

h4.kometane_special_title{
	font-size: 1.4em;
	padding: 0%;
}

h4.school_special_title{
	font-size: 1.9em;
	margin: 0px 0 15px 0;
	padding: 0;
}

/*h4.school_special_title::before{
	display:inline;
	content: "";
	background: url("img/echan.png")no-repeat;
	background-position: left center;
	background-size: 50px;
	padding: 2% 4%;
	letter-spacing: 0.1em;
}
*/	
	
h4.schedule_title{
	font-size: 2.6em;
	margin: 0px 0 15px 0;
	color: #E60012;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
	border-bottom: 2px solid #E60012;
}

h4.schedule_title span{
	padding-left: 1em;
	font-size: 0.7em;
}
	
h4.schedule_title span.small{
	margin-top: 2em;
	float: right;
	font-size: 0.4em;
	font-weight: normal;
}
	
	
ul.naming_box{
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}

ul.naming_box li{
	width: 47%;
	height: auto;
}

ul.naming_box li img{
	width: 100%;
	height: auto;
}
h4.naming_title{
	font-size: 2.1em;
}
    
    
	
.rice_box{
	display: flex;
	justify-content: space-between;
}
    
.rice_box img{
    width: 100%;
    height: auto;
}
    
.rice_box .white_box,
.rice_box .red_box{
    width: 50%;
    height: auto;
}
    
    
.rice_box .white_box{
    padding: 30px 50px;
    background: #fff;
}
        
.rice_box .red_box{
    padding: 30px 0px;
    background: #DB243C;
    color: #fff;
}
    
.rice_image{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
    
.rice_image_02{
    padding: 0px 20px;
    margin-bottom: 40px;
}
    
.product_box{
    padding: 0px 50px;
    text-align: left;
}
    
.product_title{
    font-size: 37px;
    font-family: "Noto Serif JP", serif;
    margin-bottom: 40px;
    line-height: 1em;
}
    
.rice_box .red_box p{
    font-size: 22px;
    font-family: "Noto Serif JP", serif;
    line-height: 1.8em;
}
    
.rice_box .red_box p span{
    font-size: 0.9em;
}
    
.rice_box .white_box img{
    width: 100%;
    height: auto;
}

    
.white_link{
    background: #fff;
    padding: 15px 40px;
    margin: 20% auto 0% auto;
    color: #DB243C;
    font-size: 20px;
    text-align: left;
}
    
.white_link a:link {
    color: #DB243C;
    text-decoration:none;
}

.white_link a:visited {
    color: #DB243C;
    text-decoration:none;
}

.white_link a:hover {
    color:#999;
    text-decoration:none;
}

.white_link a:active {
    color: #DB243C;
    text-decoration:none;
}

    
/*  big_banner  */

.big_banner{
    width: 75%;
    height: auto;
    margin: 0 auto;
}

.big_banner img{
    width: 100%;
    height: auto;
}

    
    
    
    
    
.pd_ctr_main{
	padding: 120px 0% 0px 0%;
}

	
.pd_ctr_03{
	padding: 2% 4%!important;
}
	
	
	
	
	
}



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

                     for PC                  

===================================================== */
	
@media only screen and (min-width: 1000px){

.back_cosmo{
    background: url("img/back_01_pc.webp") no-repeat;
    background-size:100%;
    background-position: center top!important;
}

.back_cosmo_02{
    margin-top: -10px;
    padding-top: 180px;
    background: url("img/back_02.webp") no-repeat;
    background-size:100%;
    background-position: center top!important;
}
	
.kometane_main{
	width: 950px;
	height: auto;
	margin: 0 auto;
}


.remote_image{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0% 0 0 0;
    z-index: 1;
}

.remote_image img{
    max-width: 100%;
    height: auto;
}



/*  title  */
	
.remote_image_box h3.kometane_title {
    margin-top: 2%;
    margin-bottom: 0%;
    padding: 1.8% 0%;
    line-height: 1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    background:url("../remote/img/title_bg.png");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    text-align: center;
    letter-spacing: 0.04em;
}

h4.kometane_special_title{
	font-size: 1.9em;
	padding: 0;
}
	
.remote_image_box h3.kometane_title::before{
	content:"";
	background: url("img/icon_babty.png") no-repeat;
	background-position: center left;
	background-size: 75px;
	width: 100%;
	height: auto;
	padding: 2% 70px 2% 2%;
}

.remote_image_box h3.kometane_title span.narrow{
	letter-spacing: -0.2em;
}

.remote_image_box h3.kometane_title span.pink{
	font-feature-settings: "palt";
}
	
h4.school_special_title{
	font-size: 1.9em;
	margin: 0px 0 15px 0;
	padding: 0;
}

h4.schedule_title{
	font-size: 2.6em;
	margin: 0px 0 15px 0;
	color: #E60012;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
	border-bottom: 2px solid #E60012;
}

h4.schedule_title span{
	padding-left: 1em;
	font-size: 0.7em;
}
	
h4.schedule_title span.small{
	margin-top: 2em;
	float: right;
	font-size: 0.4em;
	font-weight: normal;
}
	
	
.schedule_box{
	padding: 1% 1.5%;
}
	
/*  table  */

table.kometane_type {
    margin:0px auto;
    padding:0px;
	width:95%;
	display:table;
	font-size: 1.3em;
	background: #FFFFFF;
}
 
table.kometane_type th.remote_first,td.remote_first{
    background: #e8f5f6;
    font-weight: bold;
	border:dotted 1px #DDD;
}


table.kometane_type th {
	margin:0px;
    padding:10px 0px 0px 0px;
    width:5%;
	display:table-cell;
	color: #828282;
	font-family: 'Righteous', cursive;
	font-size: 1.5em;
	vertical-align: top;
}

table.kometane_type td {
	vertical-align: top;
	display:table-cell;

}

table.kometane_type td.case02 {
    padding-bottom:15px!important;
	border-bottom:solid 1px #E60012;
}
	
table.kometane_type td.case02_sp {
    padding-bottom:15px!important;
	border-bottom:solid 1px #E60012;
}
	
 
table.kometane_type td.month {
    padding:10px 0px 0px 20px;
    width:9.5%;
	height: auto;
	color: #828282;
	font-size: 1.3em;
	font-weight: 600;
	background: none;
}



table.kometane_type td.content {
    padding:13px 0px 0px 0px;
    width:80%;
	height: auto;
	color: #595757;
    font-family: 'Noto Sans JP', sans-serif;
	font-size: 1em;
}
	
table.kometane_type th,
table.kometane_type td{
  display:table-cell;
}

	
	
	
.kometane_left_com{
	width: 80%;
	height: auto;
	padding: 0 0% 0 0;
		
}
	
.kometane_right_img{
		margin: 0%;
	width: 16%;
	height: auto;

}

	
/* naming  */

h4.naming_title{
    position: absolute;
    top: 1%;
	width: 105%;
	height: auto;
	padding: 0.1em 0em;
	margin: 0 auto;
	font-size: 2.3em;
}

	
.activity_area02{
    padding-top: 35px!important;    
}	

	
}





/*** END ***/