@charset "utf-8";
/* CSS Document */

/* all */


/* desktop */
@media screen and (min-width: 701px){
div#responsive_1 {width:920px; height:300px;}
div#responsive_2 {width:920px; height:700px; background-image:url(../images/background_7.jpg); background-repeat:no-repeat;}
div#responsive_3 {width:920px; height:276px;}

/* responsive_1 */
div#responsive_1 div{float:left; margin:5px;}
div#res_1_1 {width:288px; height:268px; background-image:url(../images/background_3.jpg);}
div#res_1_2 {width:288px; height:268px; background-image:url(../images/background_4.jpg);}
div#res_1_3 {width:288px; height:268px; background-image:url(../images/background_5.jpg);}

/* responsive_2 */
div.bloc{width:270px; height:700px; margin-left:25px; float:left; }
div.box {width:270px; height:155px; background-color:#FFF; border:solid #fa61a0 1px; position:relative;}

div.title_box{width:270px; height:15px; position:relative;text-align:center;}
div.price {float:right; width:125px; height:38px; background-color:#f77eaf; margin-top:6px;}
div.price h5{ width:135px; height:33px; color:#000; font-size:18px; padding:5px;}

div#box01 {top:480px;}
div#box02 {top:150px;}
div#box03 {top:-180px;}
div#title_box01 {top:465px;}
div#title_box02 {top:293px;}
div#title_box03 {top:120px;}

div.title_box { font-size:24px; color:#ff3399;}
div.box_title { width:270px; height:66px; background-color:#fa61a0;}

div.box_title h4 {width:250px; height:33px; color:#FFF; font-size:18px; font-weight:bold; padding:7px;}
p.box_text{ margin-top:2px; margin-left:5px; margin-bottom:7px; width:255px; height:40px; font-size:14px;}
div.price {float:right; width:125px; height:34px; background-color:#f77eaf;}
div.price h5{ width:135px; height:33px; color:#000; font-size:18px; padding:5px;}
div#res_3_title h3{ font-size:36px; color:#FFF; font-weight:bold; text-align:center;}


/* responsive_3 */

div#responsive_3_bg {width:878px; height:274px; margin:0 auto; border:1px #fa61a0 solid; padding-top:50px;}

div#res_3_title {width:510px; height:50px; margin-left:60px; background-color:#aaaaaa; padding-top:10px;}


div#res_3_text {width:510px; height:200px; position:relative; left:60px; top:10px;}

div#res_3_text p{ margin-top:0px;}

div#res_3_text a{border-bottom:1px dashed #ea649b;text-decoration: none; font-size:17px; line-height:30px;}

div#res_3_photo {width:187px; height:241px; float:right; position:relative; top:-250px; left:-80px; background-image:url(../images/photo.jpg);}
}


/* mobile Horizontal 2 */
@media screen and (max-width:700px){
/*base*/
body {font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;}
div#container {width:100%; height:auto;}
div#header {width:100%; height:370px; background-image:url(../images/background_1.jpg);background-position:center top;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain;}
div#contents {width:100%; height:auto;}

div#footer {width:100%; height:35px; padding-top:10px; color:#9c9c9c; font-size:11px; text-align:center;}

div#footer address{position:relative; text-align:right; display:inline; position:relative; left:0px;}

p#text {font-size:13px; color:#9c9c9c; position:relative; top:80%; left:0px; text-align:center;}

div#header a#logo {width:45%; height:25px; margin:3%; background-repeat:no-repeat;}

/* contents */
div#content_1 {width:100%; height:auto;}
div#botton_1_background {width:100%; height:270px; background-image:url(../images/background_2.jpg);background-position:center top;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain;}
div#content_2 {width:100%; height:auto;}
div#botton_2_background {width:100%; height:260px; background-image:url(../images/background_6.jpg);background-position:center top;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain;}
div#content_3 {width:100%; height:auto;}
div#botton_3_background {width:100%; height:280px; background-image:url(../images/background_8.jpg);background-position:center top;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain;}
div#content_4 {width:100%; height:auto;}
div#botton_4_background {width:100%; height:200px; background-image:url(../images/background_10.jpg);background-position:center top;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain; padding-top:35px;}
/*button*/

a#botton1 {display:block; width:93.75%; height:93px; margin:5px auto; background-image:url(../images/button_1.png); background-position:center top;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain; }

a#botton1:hover {display:block; width:93.75%; height:93px; margin:5px auto; background-image:url(../images/button_1.png); background-position:center top;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain; filter:alpha(opacity=80);opacity:0.8;}


a.botton01 {display:block; width:93.75%; height:160px; margin:5px auto; background-image:url(../images/button_2.png); background-position:center top;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain;}

a.botton01:hover {display:block; width:93.75%; height:160px; margin:5px auto; background-image:url(../images/button_2.png); background-position:center top;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain; filter:alpha(opacity=80);opacity:0.8;}

/*responsiv*/
div#responsive_1 {width:100%; height:auto;}
div#responsive_2 {width:100%; height:auto;}
div#responsive_3 {width:100%; height:auto;}

/* responsiv1 */
div#responsive_1 div{margin:2px auto;}
div#res_1_1 {width:78.125%; height:525px; background-image:url(../images/background_3.jpg);background-position:center top;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain;}
div#res_1_2 {width:78.125%; height:525px; background-image:url(../images/background_4.jpg);
background-position:center top;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain;}
div#res_1_3 {width:78.125%; height:525px; background-image:url(../images/background_5.jpg);background-position:center top;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain;}


/* responsiv2 */
div.bloc{width:93.75%; height:auto; margin:0 auto;}
div.box {width:100%; height:200px; background-color:#FFF; border:solid #fa61a0 1px; margin-bottom:30px;}

div#title_box01 {width:100%; height:60px; text-align:center;}
div#title_box02 {width:100%; height:60px; text-align:center;}
div#title_box03 {width:100%; height:60px; text-align:center;}

div.title_box { font-size:40px; color:#ff3399;}

div.box_title { width:100%; height:40px; background-color:#fa61a0;}
div.box_title h4 {width:98%; height:33px; color:#FFF; font-size:25px; font-weight:bold; padding:1%; text-align:center;}

p.box_text{ margin-top:2px; margin-left:1%; margin-bottom:7px; width:90%px; height:30px; font-size:20px;}

div.price {float:right; width:45%; height:30px; background-color:#f77eaf; margin-top:91px;}
div.price h5{ width:90%; height:30px; color:#000; font-size:18px; padding:2%;}
div#res_3_title h3{ font-size:36px; color:#FFF; font-weight:bold; text-align:center;}

div#long_text { height:40px;}
div#long_text2 { height:40px;}
div#under_40 {}
div#under_40_2 {}
/* responsiv3 */
div#responsive_3_bg {width:93.75%; height:420px; margin:0 auto; border:1px #fa61a0 solid; padding-top:2%;}

div#res_3_title {width:96%; height:35px; margin:0 auto; background-color:#aaaaaa; padding-top:3%;}

div#res_3_title h3 font{font-size:26px;}

div#res_3_text {width:97%; height:400px; position:relative; left:2%; top:10px;}

div#res_3_text a{border-bottom:1px dashed #ea649b;text-decoration: none; font-size:20px; line-height:40px;}

div#res_3_photo {}
}




/* mobile Horizontal */
@media screen and (max-width:500px){
/*base*/
div#header {height:280px;}

p#text {top:79%;}

/* contents */

div#botton_1_background {height:210px;}
div#botton_2_background {height:210px;}
div#botton_3_background {height:200px;}
div#botton_4_background {height:130px;}



/* responsiv1 */
div#res_1_1 {height:360px;}
div#res_1_2 {height:360px;}
div#res_1_3 {height:360px;}


/* responsiv2 */

div.price {margin-top:51px;}

div#long_text { height:80px;}
div#long_text2 { height:40px;}
div#under_40 {margin-top:91px;}
div#under_40_2 {margin-top:91px;}

}


/* mobile */
@media screen and (max-width:400px){
/*base*/

div#header {height:170px;}

p#text {font-size:15px; top:68%;}

/* contents */

div#botton_1_background {height:166px;}
div#botton_2_background {height:170px;}
div#botton_3_background {height:180px;}
div#botton_4_background {height:100px;}



/* responsiv1 */
div#res_1_1 {height:292px;}
div#res_1_2 {height:292px;}
div#res_1_3 {height:292px;}


/* responsiv2 */

div.box {height:250px;}

div.box_title h4 {padding:2%;}

div.price {margin-top:101px;}

div#long_text { height:80px;}
div#long_text2 { height:80px;}
div#under_40 {margin-top:141px;}
div#under_40_2 {margin-top:101px;}
/* responsiv3 */
div#responsive_3_bg {height:550px;}

}