@charset "utf-8";
/* CSS Document */
/*ルールページ固有*/
.sections{
    background-color: black;
}
#section1 {
    clear: both;
    background-color: transparent;
    padding: 1rem;
}
.pages_title img{
    width: 35%;
}
.page_header_sp_pnly{
    display:none;
}
.page_header_pc_only{
    display:block;
}

.main_dreambox{
    width: 40%;
    position: absolute;
    bottom:1px;
right: 0%;
}
.contents_area div.dream_area{
    width: 70%;
        margin: 0 auto;
          padding: 2rem 0;
}
.dream_flex_pc{
    display: flex;
    flex-flow: wrap row;
    width: 100%;
    justify-content:center;
}
.dream_item_pc{
      padding: 0 5px;
    position: relative;
    width: 100%;
    font-size: 0.9rem;
    justify-content:center;
}
div.dream_item div.single_item{
/*    height: 5rem;
    font-size: 1.6rem;*/
    height: 4rem;
    font-size: 1.4rem;    
}
.dream_item_pc div.single_item{
    height: 2rem;
    font-size: 1rem;
}
.dream_item_pc.single_item_active {
    background: linear-gradient(to right, #3952de,#007aff0a);
    color: white;
}
.dream_item_pc.single_item_active span{
    font-style: italic;
    color:yellow;
}

.dream_flex{
    display: flex;
    flex-flow: wrap row;
    width: 100%;
    margin: 0 auto 20px;
    gap: 10px 20px;
    justify-content:center;
}
.dream_item{
    position: relative;
    width: 98%;
    font-size: 1rem;
    justify-content:center;
}
.dream_item_2{
    width: 100%;
    font-weight: bold;
    font-size: 1rem;
    justify-content:center;
    padding-bottom: 1rem;
}
.dream_table table {
    width: 100%;
    border-collapse: collapse;
    background-color: #f69c96;
}
.dream_table td {
    width: calc(100%/6);
    padding: 0 0px;
}
.dream_table td {
    padding: 0px 0px;
}
.dream_table div {
    font-size: 1.1rem;
    
}
.dream_table div.tei{
    text-align: center;
    font-size: 0.9rem;
    line-height: 1.2rem;
    padding-bottom: 3px;
    color:#19235b;
    margin: 0;
    padding: 2px 0;
}
.dream_table div.tei2{
color:#fff;
}

#container .dream_table td div.tei {
    /*text-align: center;
    font-style: italic;
    font-size: 1.4rem;*/
}
#container .dream_table td div.tei2 {
	color:white;
}

.box img {
　float:left;
　margin-right: 20px;
}

.sp_only{
    display:none;
}
.pc_only{
    display:block;
}


#section1 h2 {
    text-align: center;
}

.single_item {
    display: flex;
    width: 100%;
    height: 7rem;
    color: #999;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.1rem;
    background: linear-gradient(to right, #4b4b4b,#007aff0a);
}
.single_item_onvisual {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    height: 2rem;
    /*background:linear-gradient(to right, #3F51B5, #00BCD4);
        background-image: linear-gradient(to right, #69caf5, #e1bd1a);*/
        background-image: linear-gradient(56deg, #2b587d, #f3b61e);

    border-radius:0px;
	color:#fff;
}
div.dream_item div.single_item{
/*    height: 5rem;
    font-size: 1.6rem;*/
    height: 4rem;
    font-size: 1.4rem;    
}
#news div.single_item,
#pickup div.single_item {
    height: 5rem;
    font-size: 1.8rem;
}

.single_item_active {
    /*background: linear-gradient(to right, #f23970,#007aff0a);
        background: linear-gradient(to right, #3F51B5, #00BCD4);
	background: linear-gradient(to right, #3F51B5, #02272b);
	background-image: linear-gradient(to right, #69caf5, #e1bd1a);*/
        background-image: linear-gradient(56deg, #2b587d, #f3b61e);
    color: #fff;
}

.single_item_active span{
    font-style: italic;
    color:yellow;
}


.top_dream {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4em;
    color: #fff;
}

 .dream_flex_pc {
        padding-top:4px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
 .dream_flex_pc .dream_item_pc {
    position: relative;
    width: 100%;
    font-size: 0.9rem;
    justify-content: center;
    /*padding: 0px 0px;*/
    padding: 4px 8px;
    margin: 0 auto;
}
 div.dream_area{
	width:100%;
}
 .dream_flex_pc .dream_item_pc div.single_item{
    height: 2.5rem;
    line-height:1rem;
    font-size: 1.2rem;
    padding:4px 0;
    width:100%;
    margin:0 auto;
    text-align: center;

}
 .dream_flex_pc .dream_item_pc .single_item_active{
          border: solid 0px;
        border-radius:0px;
          padding: 2px 0;
}
.dream_flex_pc .dream_item_pc .single_item_active1{
padding: 8px 0 !important;
    font-size: 1rem !important;
    height: 3rem !important;
    background: linear-gradient(to right, #6a4797, #fc63b6b3);
    color: white;
        /*border-top: 4px solid #f7ec8e;
    border-right: 5px solid #e3cc46;
    border-bottom: 4px solid #5c4d04;
    border-left: 4px solid #c4a23d;
    border-radius: 40px;*/
    border: 4px solid transparent;
    border-radius: 40px;
    background: 
      linear-gradient(to right, #6a4797, #fc63b6b3) padding-box,
      linear-gradient(45deg, #FFD700, #baab2a) border-box;
    padding: 20px;
}
 .dream_flex_pc .dream_item_pc .single_item_active2{
padding: 8px 0 !important;
    font-size: 1rem !important;
    height: 3rem !important;
    background: linear-gradient(to right, #6a4797, #fc63b6b3);
    color: white;
        border-top: 4px solid #f7ec8e;
    border-right: 5px solid #e3cc46;
    border-bottom: 4px solid #5c4d04;
    border-left: 4px solid #c4a23d;
    border-radius: 40px
    /*border: 4px solid transparent;
    border-radius: 40px;
    background: 
      linear-gradient(to right, #6a4797, #fc63b6b3) padding-box,
      linear-gradient(45deg, #FFD700, #baab2a) border-box;
    padding: 20px;
	;*/
}

 .top_dream .dream_table td {
    width: calc(100% / 6);
    padding: 0 0px;
}
 .top_dream .dream_table div.proimg {
        width: calc(99.9%);
    /*height: 120px;*/
        aspect-ratio: 1 / 1.1;
    position: relative;
    overflow: hidden;
}
.top_dream .dream_table div.proimg img {
    position: absolute;
    top: 64%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
.top_dream .dream_table div.tei {
    line-height:1rem;
}
.top_dream p.text {
    padding: 0 3px;
    text-align: left;
    font-size: 0.6rem;
    line-height:0.9rem;
    color: white;
}

.contents_area div.dream_area {
    width: 90%;
    margin: 0 auto;
    padding: 6rem 0 2rem 0;
}
.proimg img {
    vertical-align: top;
}


.tei_no1,
.tei_no3,
.tei_no5,
.tei_no7{
    background: #70cae9;    
}
.tei_no2,
.tei_no4,
.tei_no6,
.tei_no8{
    background: #dfb91a;    
}

.tei1{
        background: #ffffff;
        background: -moz-linear-gradient(left, #ffffff8c 0%, #ffffff 100%);
        background: -webkit-gradient(linear, left center, right center, from(#ffffff8c), to(#ffffff));
        background: -webkit-linear-gradient(left, #ffffff8c 0%, #ffffff 100%);
        background: -o-linear-gradient(left, #ffffff8c 0%, #ffffff 100%);
        background: linear-gradient(to right, #ffffff8c 0%, #ffffff 100%);
        color:#000;
}
.tei2{
background: #000000;
background: -moz-linear-gradient(left, #0000008c 0%, #000000 100%);
background: -webkit-gradient(linear,#0000008c left center, right center, from(#0000008c), to(#000000));
background: -webkit-linear-gradient(left,#0000008c 0%, #000000 100%);
background: -o-linear-gradient(left,#0000008c 0%, #000000 100%);
background: linear-gradient(to right,#0000008c 0%, #000000 100%);
}
.tei3{
background: #ed1c24;
background: -moz-linear-gradient(left,#ed1c248c 0%, #ed1c24 100%);
background: -webkit-gradient(linear, left center, right center, from(#ed1c248c), to(#ed1c24));
background: -webkit-linear-gradient(left,#ed1c248c 0%, #ed1c24 100%);
background: -o-linear-gradient(left,#ed1c248c 0%, #ed1c24 100%);
background: linear-gradient(to right,#ed1c248c 0%, #ed1c24 100%);  
}
.tei4{
background: #29ABE2;
background: -moz-linear-gradient(left,#70bfe1 0%, #0d9cd9 100%);
background: -webkit-gradient(linear, left center, right center, from(#70bfe1), to(#0d9cd9));
background: -webkit-linear-gradient(left,#70bfe1 0%, #0d9cd9 100%);
background: -o-linear-gradient(left,#70bfe1 0%, #0d9cd9 100%);
background: linear-gradient(to right,#70bfe1 0%, #0d9cd9 100%);
}
.tei5{
background: #FCE200;
background: -moz-linear-gradient(left,#FCE2008c 0%, #FCE200 100%);
background: -webkit-gradient(linear, left center, right center, from(#FCE2008c), to(#FCE200));
background: -webkit-linear-gradient(left,#FCE2008c 0%, #FCE200 100%);
background: -o-linear-gradient(left,#FCE2008c 0%, #FCE200 100%);
background: linear-gradient(to right,#FCE2008c 0%, #FCE200 100%); 
color:#000;
}
.tei6{
background: #32b737;
background: -moz-linear-gradient(left,#9edc55 0%, #32b737 100%);
background: -webkit-gradient(linear, left center, right center, from(#9edc55), to(#32b737));
background: -webkit-linear-gradient(left,#9edc55 0%, #32b737 100%);
background: -o-linear-gradient(left,#9edc55 0%, #32b737 100%);
background: linear-gradient(to right,#9edc55 0%, #32b737 100%);  
}
.dream_table td div.comment{
	margin:2px;
	padding:2px;
	border-radius: 4px;
	background-color:white;
	color:#333;
	font-size:0.8rem;
	line-height:1rem;
}
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
.dream_flex_pc .dream_item_pc {
    position: relative;
    width: 100%;
    font-size: 0.9rem;
    justify-content: center;
    padding: 0px 0px;
}
.dream_item{
    width: 100%;
}
.dream_flex_pc .dream_item_pc {
    position: relative;
    width: 100%;
    font-size: 0.9rem;
    justify-content: center;
    /*padding: 0px 0px;*/
    padding: 0;
    margin: 0 auto;
}

.dream_table td div.comment {
    margin: 2px 1px;
    font-size: 0.7rem;
    ling-height: 1rem;
	padding:0;
}

}