@charset "UTF-8";
h1{
	color:green;
	font-weight:bold;
	font-size:3em;
	font-family:"MV Boli",serif;
}
header h1{
    display: flex;
    justify-content: center;
   align-items: center;
}
div{
	max-width:640px;
	margin:0px auto;
}

h1,h2,li,footer{
	text-align:center;
}

li{
	list-style:none;
	font-family:"Monotype Corsiva",serif;
    font-size:1.3em;
}

ul{
	padding-left:0;
	padding-top:10px;
	border-top:solid 5px green;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

li a{
	color:#000;
}
li a:hover{
	text-decoration:none;
	color:green;
}

header{
	border-top:solid 10px #c2e08f;
}
body{
	margin:0;
	background-color:#faebd7;
}

h2{
	background-image:url(image/bg_h2.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:220px 28px;
}

section{
	box-shadow:0 0 10px 5px #ccc;
	margin-top:30px;
	padding:10px 20px;
	line-height:25px;
}

img{
	max-width:100%;
}

p{
	padding:15px;
}

/* MENU p img 指定 */
.float {
	margin-right:20px;
	float:left;
}

/* レイアウト１指定       /*   flex   */               
.flexcard{                          
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.item1{
    flex-basis: 42%;
}
.item1 a:hover{
	text-decoration:none;
	color:green;
}

/* footer指定  */
.kaijo {
	clear:both;
}

/* レイアウト２指定 */
.item2{
	display:block;
	margin:0px auto 10px;
}

table{
	border:solid 1px #000000;
	border-collapse:collapse;
	width:80%;
	margin:0 auto;
}

th,td{
	border:solid 1px #000000;
}

th{
	background-color:blue;
	color:#ffffff;
	width:30%;
}

td{
	padding:5px 20px;
}

/*-------------------------      special page  ↓    -------------------------*/
h3{
	border-left:solid 10px #ffffff;
	border-bottom:solid 5px green;
	padding:10px;
}

h4{
	border-left:solid 5px #ffffff;
	padding:10px;
}

#xmas{
/*     background-image:url(image/christmas03.jpg);
	background-position:center top;
	background-repeat:repeat-y;
	background-attachment:fixed;  
               ↑の分をまとめて設定可能　↓  */
	color:#ffffff;
background:url(image/christmas03.jpg) center top repeat-y fixed;
}
#xmas h1{color:#ffffff;}
#xmas ul{ border-top:10px solid #ffffff;}
#xmas ul li a{
    color:#ffffff;
}
.special {
	background:rgba(0,0,0,0.3);
}

p a {
	color:green;
}

p a:hover{
	color:#fff;
}
/*-------------------------      special page  ↑    -------------------------*/


/*--------------summer↓------------------*/
#summer {
	background:url(image/53.jpg) no-repeat center bottom fixed; 
	color:#eee;
}

#summer h1,ul a{
	color:#000000;
}
#summer ul {
	border-color:blue;
}
#summer h3{
	border-color:blue;
}

#summer p a{
	color:red;
}
#summer footer{
    color:#000000;
    font-weight: bold;
}
.sweets{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sweets p{
	flex-basis: 45%;
}

/*--------------summer↑------------------*/


/*ーーーーーーーーーーーー  フォームページ↓　ーーーーーーーーーーーーー*/
input {
	font-size:16px;
	line-height:30px;
}
    
input[type="text"],[type="email"],[type="tel"]{
	width:100%;
}

textarea {
	width:100%;
	font-size:16px;
	height:60px;
}
select{
	font-size:20px;
}

input[required] {
	background-color:#cccccc;
}
    
.center{
	text-align:center;
}
/*ーーーーーーーーーーーー  フォームページ↑　ーーーーーーーーーーーーー*/

/*-----------------------------pizzamenu  ↓----------------------------------*/
.pizza {
    display:block;
}
.pizza00{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
}
.pizza0{
       flex-basis: 45%;
        
}

strong{
        color:#ff0000;
}
.abc{width:100%}
.abc:hover{
   box-shadow: 0 0 10px 2px #111;
}
/*-----------------------------pizzamenu  ↓----------------------------------*/



/* ーーーーーーーーーー  レスポンシブデザイン ↓ ーーーーーーーーーーー */
/*ブレイクポイント*/
@media(max-width:640px){
    ul{
        flex-wrap:wrap;                              /*   flex   */
    }
li {
	width:95%;
	margin:0 auto;
	font-size:20px;
}

li a {
	background-color:#c2e08f;
	display:block;
	padding:1em;
	border-radius:6px;
	margin-bottom:0.5em;
	text-decoration:none;
}

.item1{
	flex-basis: 90%;                                 /*   flex   */
}

h2 {
	padding:10px;
}

table{
	width:100%;
}
    .pizza{
        width:100%;
       
    }
    .pizza0{
        flex-basis: 90%;        /*   flex   */
    }
    .sweets p{
        flex-basis: 95%;
    }
}
/* ーーーーーーーーーー  レスポンシブデザイン ↑ ーーーーーーーーーーー */

/* ーーーーーーーーーー  バナー ↓ ーーーーーーーーーーー */
.banner {
	box-shadow: 0 0 10px 2px #111;
}
/* ーーーーーーーーーー  バナー ↑ ーーーーーーーーーーー */