@charset "utf-8";
figure {line-height: 0;}

/*****　　　　　star1　　　　　*****/
.detail_star1 img {width: 100%;}
.detail_star1 section {
	margin-bottom: 40px;
	position: relative;
	display: block;
}
.detail_star1 section div.txt_area {
	width: 54%;
	background-position: left top;
	background-repeat: repeat-y;
}
.detail_star1 section.left_txt div.txt_area {float: left;}
.detail_star1 section.right_txt div.txt_area {float: right;}
.detail_star1 section.center_txt div.txt_area {width: 100%;}

.detail_star1 section div.txt_area h3 {
    font-weight: normal;
    font-size: 28px;
    margin-bottom: 1em;
}
.detail_star1 section div.txt_area p {
	margin-bottom: 1em;
}
.detail_star1 section.center_txt div.txt_area p {
	padding: 0 0 1em 0;
}
.detail_star1 section div.txt_area div.inner {
	padding-bottom: 50px;
}
.detail_star1 section.left_txt div.txt_area div.inner {padding: 0 16% 0 12%;}
.detail_star1 section.right_txt div.txt_area div.inner {padding: 0 12% 0 16%;}
.detail_star1 section.center_txt div.txt_area div.inner {padding: 0 50px; min-height: auto;}
.detail_star1 section span.bg_item {
	display: block;
	line-height: 0;
}
.detail_star1 section figure {
    position: absolute;
    top: 40px;
    z-index: 2;
}
.detail_star1 section.left_txt figure {right: 0; width: 50%;}
.detail_star1 section.right_txt figure {left: 0; width: 50%;}

/*****　　　star1の個別　　　*****/
#item_02 figure.only_pc {top: 30px;}/*　　　写真の位置　　　*/
#item_03 figure.only_pc {top: 23px;}/*　　　写真の位置　　　*/


/*****　　　　　star2　　　　　*****/
.detail_star2 section {
	width: 100%;
	position: relative;
	display: block;
	margin: 0 auto 20px;
    padding: 20px 15px;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
overflow: auto;
}
.detail_star2 section div.inner {
    padding: 0 10px;
}
.detail_star2 section figure {
    width: 48%;
    float: right;
    position: relative;
    padding: 10px 0 0 0;
}
.detail_star2 section.right_txt figure {
    float: left;
    position: relative;
    width: 48%;
    padding: 10px 0 0 0;
}
.detail_star2 section figure img {
    width: 100%;
}
.detail_star2 section div.txt_area {
    padding: 10px 50% 0 0;
    position: relative;
}
.detail_star2 section.right_txt div.txt_area {
    float: right;
    position: relative;
    width: 52%;
    padding: 10px 0 0 2%;
}
.detail_star2 section div.txt_area h3 {
    font-weight: normal;
    font-size: 22px;
    margin: 0 0 20px 0;
    line-height: 1;
}
.detail_star2 section div.txt_area p {
    margin: 0 0 5px 0;
}

/*****　　　　　radius　　　　　*****/
.detail_radius img {width: 100%;}
.detail_radius section {
	margin:0 0 40px 0;
	display:block;
	/*border:1px #dcdcdc dotted;*/
	position: relative;
}
.detail_radius section div.inner {
	width: 55%;
	margin:10px 0;
	border-radius: 10px;/*　　　文章のBGの角丸　　　*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.detail_radius section.right_txt div.inner {
	float:right;
}
.detail_radius section div.inner h3 {
	padding:10px;
}
.detail_radius section.left_txt div.inner h3 {margin:10px 10% 0 10px;}
.detail_radius section.right_txt div.inner h3 {margin:10px 0 0 10%;}
.detail_radius section div.inner figure.img_area {
	width:50%;
	position: absolute;
}
.detail_radius section div.inner figure.img_area img {
	border-radius: 10px;/*　　　画像の角丸　　　*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.detail_radius section.left_txt div.inner figure.img_area {right: 0; top: 0;}
.detail_radius section.right_txt div.inner figure.img_area {left: 0; top: 0;}
.detail_radius section.left_txt div.inner div.txt_area {margin: 0 10% 10px 10px;}
.detail_radius section.right_txt div.inner div.txt_area {margin: 0 10px 10px 10%;}
.detail_radius section div.inner div.txt_area p {
	margin:0;
	padding:10px;
}

/*****　　　radiusの個別　　　*****/
section#item_09 {height: auto;/*　　　高さを指定　　　*/}
section#item_10 {height: auto;/*　　　高さを指定　　　*/}
section#item_11 {height: auto;/*　　　高さを指定　　　*/}
section#item_12 {height: auto;/*　　　高さを指定　　　*/}
#item_09 div.inner {border:1px #f78faa solid;/*　　　文章のBGの枠線　　　*/ background:#fff3f5;/*　　　文章のBGの色　　　*/}
#item_09 div.inner figure.img_area img {background:rgba(250,190,206,0.5);/*　　　画像の色（写真入れたら必要ない）　　　*/}
#item_10 div.inner {border:1px #76d2f6 solid;/*　　　文章のBGの枠線　　　*/ background:#d6f2fc;/*　　　文章のBGの色　　　*/}
#item_10 div.inner figure.img_area img {background: rgba(166,226,249,0.5);/*　　　画像の色（写真入れたら必要ない）　　　*/}
#item_11 div.inner {border:1px #ffef34 solid;/*　　　文章のBGの枠線　　　*/ background:#fffbcd;/*　　　文章のBGの色　　　*/}
#item_11 div.inner figure.img_area img {background: rgba(255,245,128,0.5);/*　　　画像の色（写真入れたら必要ない）　　　*/}
#item_12 div.inner {border:1px #b9f866 solid;/*　　　文章のBGの枠線　　　*/ background:#e5fcc7;/*　　　文章のBGの色　　　*/}
#item_12 div.inner figure.img_area img {background:rgba(207,250,150,0.5);/*　　　画像の色（写真入れたら必要ない）　　　*/}

/*****　　　　　　　　　　スマホ　　　　　　　　　　*****/
@media only screen and (max-width: 764px) {
.only_pc {display: none;}
.only_sp {display: block;}

/*****　　　　　star1　　　　　*****/
.detail_star1 {margin-top:20px;}
.detail_star1 div.txt_area div.inner {padding: 0 10px !important;}
.detail_star1 section {margin-bottom: 20px;}
.detail_star1 section figure {position: relative;}
.detail_star1 section div.txt_area {
    width: auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.detail_star1 section.right_txt div.txt_area {float: none;}
.detail_star1 section div.txt_area div.inner {min-height: 0;}
.detail_star1 section div.txt_area h3 {
    font-size: 20px;
    padding-top: 0;
    margin-bottom: 10px;
}
.detail_star1 section figure {margin-bottom: 1em;}
.detail_star1 section.left_txt figure, .detail_star1 section.right_txt figure {
    width: auto;
    left: 0;
    top: 0;
}
/*****　　　　　star2　　　　　*****/
.detail_star2 section div.inner {
    position: relative;
    padding: 0;
}
.detail_star2 section figure {
    width: auto;
    float: none;
    padding-top: 0;
    margin-bottom: 15px;
}
.detail_star2 section.right_txt figure {
    width: auto;
    float: none;
}
.detail_star2 section div.txt_area {
    padding: 0;
}
.detail_star2 section.right_txt div.txt_area {
    width: auto;
    float: none;
    padding: 0;
}
.detail_star2 section div.txt_area h3 {
    line-height: 1.4;
    font-size: 20px;
}
/*****　　　　　radius　　　　　*****/
.detail_radius section {
	height: auto;
}
.detail_radius section div.inner {
	width: 100%;
	margin:0;
}
.detail_radius section div.inner figure.img_area {
	width:100%;
	position: static;
	padding: 10px;
}
.detail_radius .second section div.inner figure.img_area {
	padding-top: 20px;
}
.detail_radius section div.inner h3 {padding-bottom:0;}
.detail_radius .second section div.inner h3 {padding-top:0;}

.detail_radius section.left_txt div.inner h3 {margin:0;}
.detail_radius section.right_txt div.inner h3 {margin:0;}
.detail_radius section.left_txt div.inner div.txt_area {margin: 0;}
.detail_radius section.right_txt div.inner div.txt_area {margin: 0;}




/*****　　　　　　　　　　スマホ　　　　　　　　　　*****/}

/*****　　　　　　　　　　パソコン　　　　　　　　　　*****/
@media only screen and (min-width: 764px) {
.only_pc {display: block;}
.only_sp {display: none;}

/*****　　　　　star1　　　　　*****/
.detail_star1 section span.bg_item:last-child {
	margin:25px 0 0 0;
}
/*****　　　　　star2　　　　　*****/

/*****　　　　　radius　　　　　*****/
/*****　　　radiusの個別　　　*****/
#item_11 div.inner .img_area {width:20%;}/*　　　画像の横幅を指定　　　*/
#item_11 div.inner {width:85%;}/*　　　文章の座布団の横幅を指定　　　*/
#item_12 div.inner .img_area {width:30%;}/*　　　画像の横幅を指定　　　*/
#item_12 div.inner {width:75%;}/*　　　文章の座布団の横幅を指定　　　*/

/*****　　　　　　　　　　パソコン　　　　　　　　　　*****/}

/*****　　　　　　　　　　タブレット　　　　　　　　　　*****/
@media only screen and (min-width: 764px) and (max-width: 1024px) {

/*****　　　　　radius　　　　　*****/
/*****　　　radiusの個別　　　*****/
#item_11 div.inner .img_area {width:30%;}/*　　　画像の横幅を指定　　　*/
#item_11 div.inner {width:75%;}/*　　　文章の座布団の横幅を指定　　　*/
#item_12 div.inner .img_area {width:40%;}/*　　　画像の横幅を指定　　　*/
#item_12 div.inner {width:65%;}/*　　　文章の座布団の横幅を指定　　　*/

/*****　　　　　　　　　　タブレット　　　　　　　　　　*****/}