@charset "utf-8";

/*全サイズ共通CSSとスマホ用*/

*{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
html {
  background: url(images/b008.jpg) ;
}

header {
    margin: 1px 0;
    background: url(images/makurazakiST.jpg) top center no-repeat;
/*    background-color: azure;*/
    width: 100%;
    height: 600px;
}

img {
    width: 100%;
}

.round{ 
    border-radius: 20%;
    }

h2 {
    font-size: 30px;
    text-align: center;
    color: blue;

    margin: 10px 0;
}

nav{
    text-align: center;
    background-color: #dae7f5;
    height: 30px;
 }
 ul {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   justify-content: flex-end;
 }
 ul li{
   width: 100px;
   border-left: 1px solid #000;
   padding-left: ;
  }
 ul li a {    
    text-decoration: none;
    color: #223afd;
    display: block;
  }
 ul li a:hover{
    color: deeppink;
  }

/*一文字目を強調*/
p::first-letter{ font-size:30px;color: #a619f0}

/*     frexbox親要素 */

/* 上に戻るボタン */
  .pagetop {
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.5rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	border-radius: 3.3rem;
	text-align: center;
	cursor: pointer;
   }

  .pagetop:hover {
	color: #fff !important;
	background-color: #3b5eef;
	text-decoration: none;
   }

  
    .pflex {
        width: 98%;
        margin: 0 auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-around;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }  

    /* flexbox: 子要素; */    

    .cflex23 {
        width: 100%;
        margin: 8px;
        border: 2px solid #1313fa;
        padding: 20px;
/*        background-color: #e3fffd;*/
    }
  
    footer{
        width: 100%;
        height: 40px;
        background-color: #a7a6a6;       
        padding: 10px;
        color: #ffffff;
        text-align: center;  
        border-top: 2px solid #efe958;
    } 
    footer small{
        font-size: 12px;
      }
        

/*タブレット用*/

@media (min-width:600px) {
    .cflex23 {
      width: 22%;
    }
  }


/*PC用*/

@media (min-width:960px) {
/*
  .cflex23 {
      width: 22%;
    }
*/
    
}