@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


/*  6p
---------------------------*/

/*  スライダー
---------------------------------------*/

div.slider {
    width: 100%;
    display:block;
    margin:0px auto;
	overflow: hidden;
    position:relative;
}
 
ul.bxslider01 li {/*メインスライダー*/
    display:block;
    width:100%;
}
 
ul.bxslider01 li img{
}


.wrap {
	width: 100%;
    display:block;
    margin:0 auto;
}

ul.bxslider02 {
 width: 100%;
	margin: auto;
}

ul.bxslider02 li {
	width: 30%;
	margin-left: 5%;
	float: left;
	margin-bottom: 10px;
}

ul.bxslider02 li:first-child {
	margin-left: 0%;
}

ul.bxslider02 li:nth-child(4) {
	margin-left: 0%;
	clear: both;
}

ul.bxslider02 li:nth-child(7) {
	margin-left: 0%;
	clear: both;
}

ul.bxslider02 li:nth-child(10) {
	margin-left: 0%;
	clear: both;
}

 
ul.bxslider02 li a {/*サムネイル*/
    display:block;
    width: 100%;
}
 
ul.bxslider02 li a img{/*サムネイルの画像*/
    display:block;
    height:auto;
}
 
div.controlWrap {
    width:380px;
    display:block;
    position:relative;
    margin:0 auto;
	height: 70px;
}
 
div.controlWrap p#PrevIcon a{/*矢印画像（前へ）*/
    display:block;
    width:30px;
    height:30px;
    position:absolute;
    background: url(../img/left.png) left center no-repeat;
    color:#fff;
    top:20px;
    left:50%;
	margin-left: -40px;
    text-indent:-9999px;
}
 
div.controlWrap p#NextIcon a{/*矢印画像（次へ）*/
    display:block;
    width:30px;
    height:30px;
    position:absolute;
    background: url(../img/right.png) left center no-repeat;
    color:#fff;
    top:20px;
    left: 50%;
	margin-left: 20px;
    text-indent:-9999px;
}

#bx-pager a img {  
    opacity: 0.5;  
    filter: alpha(opacity=50);  
}  
  
#bx-pager a.active img {  
    opacity: 1;  
    filter: alpha(opacity=100);  
} 

.ilust6p-1 {
	width: 130px;
}

.ilust6p-2 {
	width: 220px;
	margin-left: auto;
}


.ilust6p-3 {
	width: 100px;
	position: absolute;
	bottom: 100px;
	right: 0;
}

ul.bunkatu2-6p li{
	margin-bottom: 70px;
}


.bule-title {
	background-color: #72caff;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 17px;
	letter-spacing: 2px;
}

.pink-title {
	background-color: #f497a2;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 17px;
	letter-spacing: 2px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
font-style: normal;
}

/*  7p
---------------------------*/

/*  8p
---------------------------*/

ul.bunkatu5-8p li{
	width: 85%;
	margin: auto;
	margin-bottom: 50px;
	text-align: center;
}

ul.bunkatu5-8p li img{
	width: 150px;
	margin: auto;
	text-align: center;
}

table.ten-8p {
	width: 100%;
}

table.ten-8p th{
	width: 30%;
	vertical-align: top;
}

dl.yoko8p {
	padding-top: 10px;
}

dl.yoko8p dt{
	padding-top: 5px;
	text-align: center;
}

dl.yoko8p dd{
	padding-top: 30px;
}


dl.yoko8p-1 {
	padding-top: 10px;
}

dl.yoko8p-1 dt{
	padding-top: 5px;
	text-align: center;
}

dl.yoko8p-1 dd{
	padding-top: 30px;
}

/*  9p
---------------------------*/

ul.bunkatu3-8p {
	width: 100%;
}


ul.bunkatu3-8p li{
	width: 95%;
	margin: auto;
	margin-bottom: 70px;
}

.n081 {
	width: 130px;
	margin: auto;
}

dl.yoko9p dt{
	width: 40%;
	margin: auto;
}

dl.yoko9p dd{
	padding-top: 30px;
}

.pink-box {
	border: 1px solid #f497a2;
}

.inner9p {
	width: 90%;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*  10p
---------------------------*/

table.pink-1 {
	width: 100%;
	border: solid 1px #f497a2;
}

table.pink-1 th{
	width: 50%;
	background-color: #f497a2;
	padding: 10px;
}

table.pink-1 td{
	padding: 10px;
	background-color: #fff;
}

.size-10p {
	font-size: 18px;
	text-align: left;
}

.img-10 {
	width: 70%;
	margin: auto;
}

.ilust10 {
	width: 200px;
	margin: auto;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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



/*  6p
---------------------------*/
	
.ilust6p-1 {
	width: 120px;
	position: absolute;
	left: -50px;
	bottom: 30px;
}
	
.ilust6p-2 {
	position: absolute;
	right: 0;
	bottom: 20px;
	width: 250px;
}

	
.ilust6p-3 {
	width: 100px;
	position: absolute;
	bottom: 250px;
	right: 0;
}
	
ul.bunkatu2-6p li{
	width: 45%;
	float:  left;
	margin-left: 10%;
	margin-bottom: 70px;
}
	
ul.bunkatu2-6p li:first-child{
	margin-left: 0%;
}
	
ul.bunkatu2-6p li:nth-child(3){
	margin-left: 0%;
	clear: both;
}
	
ul.bunkatu2-6p li:nth-child(5){
	margin-left: 0%;
	clear: both;
}
	
ul.bunkatu2-6p li:nth-child(7){
	margin-left: 0%;
	clear: both;
}
	
ul.bunkatu2-6p li:nth-child(9){
	margin-left: 0%;
	clear: both;
}
	
ul.bunkatu2-6p li:nth-child(11){
	margin-left: 0%;
	clear: both;
}

	
/*  7p
---------------------------*/

/*  8p
---------------------------*/
	
ul.bunkatu5-8p li{
	width: 45%;
	float: left;
	margin-bottom: 50px;
	margin-left: 10%;
}
	
ul.bunkatu5-8p li:first-child{
	margin-left: 0%;
}
	
ul.bunkatu5-8p li:nth-child(3){
	margin-left: 0%;
	clear: both;
}
	
ul.bunkatu5-8p li:nth-child(5){
	margin-left: 0%;
	clear: both;
}

dl.yoko8p dt{
	width: 60%;
	margin: auto;
}

dl.yoko8p dd{
	width: 85%;
	margin: auto;
	padding-top: 40px;
}
	
dl.yoko8p-1 dt{
	width: 60%;
	margin: auto;
}

dl.yoko8p-1 dd{
	width: 85%;
	margin: auto;
	padding-top: 40px;
}

/*  9p
---------------------------*/
	
ul.bunkatu3-8p li{
	width: 45%;
	float: left;
	margin-bottom: 70px;
	margin-left: 10%;
}
	
ul.bunkatu3-8p li:first-child{
	margin-left: 0;
	}
	
ul.bunkatu3-8p li:nth-child(3){
	margin-left: 0;
	clear: both;
	}
	
	dl.yoko9p dt {
		width: 30%;
		margin: auto;
	}
	
	dl.yoko9p dd {
		width: 85%;
		margin: auto;
		padding-top: 40px;
	}

	ul.bunkatu2-9p li{
		width: 47.5%;
		float: left;
		margin-left: 5%;
	}
	
	ul.bunkatu2-9p li:first-child{
		margin-left: 0%;
	}
	
/*  10p
---------------------------*/

table.pink-1 th{
	width: 33%;
	background-color: #f497a2;
	padding: 20px;
}

table.pink-1 td{
	padding: 20px;
}

.size-10p {
	font-size: 19px;
	letter-spacing: 1px;
}
	
	.inner10 {
		width: 90%;
		margin: auto;
	}
	
.ilust10 {
	width: 250px;
}

}

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


/*  6p
---------------------------*/
ul.bxslider02 li {
	width: 15%;
	margin-left: 2%;
	float: left;
	margin-bottom: 10px;
}

ul.bxslider02 li:first-child {
	margin-left: 0%;
}

ul.bxslider02 li:nth-child(4) {
	margin-left: 2%;
	clear: none;
}

ul.bxslider02 li:nth-child(7) {
	margin-left: 0%;
	clear: both;
}

ul.bxslider02 li:nth-child(10) {
	margin-left: 0%;
	clear: both;
}
	
.ilust6p-1 {
	width: 150px;
	position: absolute;
	left: -50px;
	bottom: 30px;
}
	
.ilust6p-2 {
	position: absolute;
	right: 0;
	bottom: 60px;
	width: 270px;
}

.bule-title {
	font-size: 21px;
}

.pink-title {
	font-size: 21px;
}

	
/*  7p
---------------------------*/

/*  8p
---------------------------*/
	
ul.bunkatu5-8p li{
	width: 30%;
	float: left;
	margin-bottom: 50px;
	margin-left: 5%;
}
	
ul.bunkatu5-8p li:first-child{
	margin-left: 0%;
}
	
ul.bunkatu5-8p li:nth-child(3){
	margin-left: 5%;
	clear: none;
}
	
ul.bunkatu5-8p li:nth-child(4){
	margin-left: 0%;
	clear: both;
}
	
ul.bunkatu5-8p li:nth-child(5){
	margin-left: 5%;
	clear: none;
}
	
dl.yoko8p dt{
	width: 40%;
	float: right;
}

dl.yoko8p dd{
	width: 55%;
	float: left;
	padding-top: 0;
}
	
dl.yoko8p-1 dt{
	width: 40%;
	float: left;
}

dl.yoko8p-1 dd{
	width: 55%;
	float: right;
	padding-top: 0px;
}

/*  9p
---------------------------*/
	
ul.bunkatu3-8p li{
	width: 31%;
	margin-bottom: 0px;
	margin-left: 3.5%;
}
	
ul.bunkatu3-8p li:first-child{
	margin-left: 0;
	}
	
ul.bunkatu3-8p li:nth-child(3){
	margin-left: 3.5%;
	clear: none;
	}
	
dl.yoko9p dt {
		width: 20%;
	float: right;
	}
	
	dl.yoko9p dd {
		width: 75%;
		margin: auto;
		padding-top: 0px;
		float: left;
	}

/*  10p
---------------------------*/

	
table.pink-1 th{
	width: 33%;
	background-color: #f497a2;
	padding: 20px;
}

table.pink-1 td{
	padding: 20px;
}

.size-10p {
	font-size: 19px;
	letter-spacing: 3px;
}
	
	.inner10 {
		width: 70%;
	}
	
	.inner10-2 {
		width: 78%;
		margin: auto;
	}
	
.ilust10 {
	position: absolute;
	right: 0;
	top: 150px;
	width: 250px;
}

	

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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


	
/*  6p
---------------------------*/
	
	div.slider {
    width: 1099px;
}

.wrap {
	width: 1099px;
}

ul.bxslider02 {
 width: 1099px;
}
	
.bule-title {
	font-size: 23px;
}

.pink-title {
	font-size: 23px;
}

	
/*  7p
---------------------------*/

/*  8p
---------------------------*/
	
ul.bunkatu5-8p li{
	width: 18%;
	margin-bottom: 20px;
	margin-left: 2.5%;
}
	
ul.bunkatu5-8p li:first-child{
	margin-left: 0%;
}
	
ul.bunkatu5-8p li:nth-child(3){
	margin-left: 2.5%;
}
	
ul.bunkatu5-8p li:nth-child(4){
	margin-left: 2.5%;
	clear: none;
}
	
ul.bunkatu5-8p li:nth-child(5){
	margin-left: 2.5%;
	clear: none;
}
	
table.ten-8p th{
	width: 22%;
}


/*  9p
---------------------------*/
	
	.inner9p {
		width: 800px;
		margin: auto;
	}

/*  10p
---------------------------*/

table.pink-1 th{
	width: 30%;
}

table.pink-1 td{
	padding: 20px;
	vertical-align: middle;
}

.size-10p {
	font-size: 23px;
}
	
	.inner10 {
		width: 60%;
	}
	
	.inner10-2 {
		width: 78%;
		margin: auto;
	}
	
.img-10 {
	width: 60%;
}
	
.ilust10 {
	top: 150px;
	width: 300px;
}
	

}