/*画面幅700px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:700px){

    /*ヘッダー（一番上の、ロゴやメニューが入っているブロック）
    ---------------------------------------------------------------------------*/
    /*ロゴ画像*/
    header #logo img {
        width: 300px;	/*画像の幅*/
        height: 300px;
        padding-left: 15%;
        bottom: 55%;	/*ロゴやメニューが入っているブロックに対して、下からの配置場所の指定。*/
    }
    
/*メニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体への指定*/
    #menubar {
	position: absolute;
	bottom: 10%;	/*ロゴやメニューが入っているブロックに対して、下からの配置場所の指定。*/
	width: 100%;    /*ロゴやメニューが入っているブロックに対して、幅の指定。*/
    }
    
    
    
    
    #menubar li a {
        font-size: 20px;
        text-decoration: none;display: block;text-align: center;
        width: -110px;	/*メニューの幅*/
        color: #fff;	/*文字色*/
        border-bottom: 2px solid transparent;	/*下線の幅、線種、色。transparentは透明の事。*/
        padding-bottom: 7px;	/*下線と文字の間にとる余白*/
    }

    
    
    
    
    /*コンテナー（headerとfooterをのぞくブロックを囲むブロック）
    ---------------------------------------------------------------------------*/
    #container {
        font-size: 20px; /*EVENT部分の文字サイズ*/
    }
    
    .tag_function {
        width: calc(100%);  /*グレー部分の幅*/
    }
    
    .tag_function li {
        color: #fc0101;
        width: calc(100%);
        margin-bottom:10px;/*グレー部分の底幅*/
        font-size:1.5rem;/*ルート要素の文字サイズを基準にした文字サイズ*/
    } 






    
    /*コンテンツ（上のcontainerの中のブロック）
    ---------------------------------------------------------------------------*/
    /*コンテンツ内にあるh2(見出し)タグの指定*/
    #contents h2 {
        font-size: 16px;	/*文字サイズ*/
    }
    /*コンテンツ内にあるh3(見出し)タグの指定*/
    #contents h3 {
        font-size: 14px;	/*文字サイズ*/
    }
    
    
    /*Serviceページ
    ---------------------------------------------------------------------------*/
    /*h4見出しの設定*/
    .list h4 {
        font-size: 23px;	/*文字サイズ*/
        color: #F44336; 	
    }
    .list p {
        font-size: 15px;	/*文字サイズ*/
    }

    
    /*h6見出しの設定*/
    .list h6 {
        font-size: 18px;	/*文字サイズ*/
    }
    
    .list img {
        width: 300px;		/*画像幅*/
        height: 200px;
        float: left;		/*画像を左に回り込み*/
        margin-right: 3%	/*画像の右側に空けるスペース*/
    }




    /*Priceページ
    ---------------------------------------------------------------------------*/
    /*listの文字の大きさ設定*/
    .list2 li {
        font-size: 15px;	/*文字サイズ*/	
    }
    .list2 h4 {
        color: #F44336; 
        font-size: 25px;	/*文字サイズ*/
        margin-bottom: 0;/*文字列の下スペースサイズ*/
    }


    .list2 img {
        width: 360px;		/*画像幅*/
        height: 240px;
        float: left;		/*画像を左に回り込み*/
        margin-right: 3%	/*画像の右側に空けるスペース*/
    }









    /*ul.disc,olタグ
    ---------------------------------------------------------------------------*/
    ul.disc {
        padding: 0 0px 20px 35px;
    }
    ol {
        padding: 0 0px 20px 35px;
    }
    
    /*その他
    ---------------------------------------------------------------------------*/
    .ws {width: 96%;}
    .big1 {font-size: 22px;letter-spacing: normal;}
    
}