/*---------------------------------------------------------------
 common
-------------------------------------------------------------- */
html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}

body {
	margin:0;
	padding:0;
	background:#f4f4f4;
	color:#333;
	font-family: 'Noto Sans Japanese', 'Yu Gothic Medium', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', sans-serif;
	font-feature-settings : "palt";
	letter-spacing:1px;
	font-size: 1.6rem;/* 16px */
	font-weight:400;
	line-height:1.8;
}
#container {
	width: 100%;
	margin: 0;
	padding: 0;
}
ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
img{
	width:100%;
	background-color:transparent;
	/* -webkit-backface-visibility: hidden; */
}

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



/*---------------------------------------------------------------
main
-------------------------------------------------------------- */
#wrapper{
	width:80%;
	max-width:1060px;
	margin:0 auto;
	padding:0;
}
#kawakawa{
	width:100%;
	margin:0 auto;
	padding:0;
}
#kawakawa h2{
	width:60%;
	max-width:330px;
	margin:0 auto 20px auto;
	padding:0;
}
#kawakawa #read {
	margin:0 0 50px 0;
	padding:0;
	font-size:1.2rem;
	text-align:center;
	font-style:italic;
}

#kawakawa ul {
	width:100%;
	margin:0;
	padding:0;
}
#kawakawa ul li {
	width:100%;
	margin:0 0 20px 0;
	padding: 20px 0;
	background:#fff;
	text-align:center;
box-shadow:1px 1px 2px 1px #e6e6e6;
}

#kawakawa ul li a {
	width: 55%;
	margin: 10px auto;
	text-decoration:none;
	display:block;
}
#kawakawa ul li a:hover {
	color:#333;

	filter:alpha(opacity=70); /* IE 6��7*/
	-ms-filter: "alpha(opacity=70)"; /* IE 8��9 */
	-moz-opacity:0.7; /* Firefox , Netscape */
	-khtml-opacity: 0.7; /* Safari 1�n */
	opacity:0.7;
	zoom:1; /*IE*/

}
#kawakawa ul li h3 {
	margin:0 0 40px 0;
	padding:0;
	font-size:2.2rem;
	font-family: 'Playfair Display', serif;
	text-align:center;
	border-bottom:solid 1px #444;
	display:inline-block;
	font-style:italic;

}
#kawakawa ul li h3 small {
	font-size:1.6rem;
}
#kawakawa ul li img {
	width:100%;
	margin:0 0 20px 0;
	padding:0;
	display:block;
}
#kawakawa ul li .txt {
	width:80%;
	margin:0 auto 20px auto;
	padding:0;
	font-size:1.1rem;
	text-align:left;
}
#kawakawa ul li .btn {
	margin:0 auto;
	padding:12px 0px;
	color:#fff;
	font-size:1.1rem;
	font-weight:bold;
	background:#3b3535;
	display:block;
}

#kawakawa ul li.main .box_right p.lineup {
	font-family: 'Playfair Display', serif;
	margin-top: 30px;
}


/*---------------------------------------------------------------
footer
-------------------------------------------------------------- */
footer {
	width:100%;
	margin:20% 0 0 0;
	padding:0;
}
footer #copyright {
	width:100%;
	margin:0;
	padding:3% 0;
	background:#fff;
	border-top:dotted 1px #ccc;
	font-size:1.0rem;
	text-align:center;
}


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

	PC

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

@media screen and (min-width:768px) {


#kawakawa ul {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}
#kawakawa ul li {
	width:49%;
	margin:0 0 20px 0;
	padding: 30px 0px;
}
#kawakawa ul li.main {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 50px 20px;
	background: #fff;
	text-align: center;
	box-shadow: 1px 1px 2px 1px #e6e6e6;
}
#kawakawa ul li.main .flexbox {
	display: flex;
	/* align-items: center; */
}

#kawakawa ul li.main .box_left {
	width: 55%;
}
#kawakawa ul li.main .box_right {
	width: 45%;
}
#kawakawa ul li.main .box_right p.lineup{
 font-family: 'Playfair Display', serif;
 margin-top: 50px;
 }

#kawakawa ul li h3 {
	font-size:2.8rem;
}
#kawakawa ul li h3 small {
	font-size:2.0rem;
}
#kawakawa ul li img {
	width:75%;
	margin:0 auto 20px auto;

}
#kawakawa ul li .txt {
	width:80%;
	font-size:1.2rem;
}
#kawakawa ul li .btn {
	font-size:1.2rem;
}

#kawakawa ul li .lineup_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#kawakawa ul li .lineup_box a {
	width: 40%;
	margin: 10px;
	box-sizing: border-box;
	}



}