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

h1{color:#801351; font-size:130%;text-align:center;padding:15px 0 3px;font-weight: bold;letter-spacing:-1.5px;text-shadow: 0.5px 0.5px 1px #DCDCDC;}

/***所属占い師　一日の流れ
#c01{width:95%; margin:0 auto; padding:5px 0 40px;}
#c01 .box{width:95%; margin:0 auto;font-size:95%; letter-spacing:-1.5px; line-height:150%;padding-bottom:20px;}

#c01 .left_box{width:47%;float:left;}
.icon{width:25%;float:left;}
.case{width:70%;float:left;padding:2px 0 7px 5px;}
.case .cap1{font-size:85%; letter-spacing:-0.5px;padding-top:0px; }
.case .cap2{color:#801351; font-size:110%;line-height:80%;}
.cap3{font-size:85%; letter-spacing:-1px; line-height:130%;padding-top:5px;}

#c01 .right_box{width:47%;float:right;}
.cap4{color:#728cc3; font-size:110%;line-height:80%;}****/

#c01{width:95%; margin:0 auto; padding:5px 0 40px;}
#c01 .box{width:95%; margin:0 auto;font-size:95%; letter-spacing:-1.5px; line-height:150%;padding-bottom:20px;}

#c01 .left_box{width:47%;float:left;}
.cap3{font-size:85%; letter-spacing:-1px; line-height:130%;padding-top:5px;}

#c01 .right_box{width:47%;float:right;}
.cap4{color:#728cc3; font-size:110%;line-height:80%;}



/****スケジュール*
#c02{width:90%; margin:0 auto;}
#c02 .time{background:url("../img/timetable.png") no-repeat; background-size:100% auto;padding:0 0 580px;position:relative;}


#c02 .time .sch1{position:absolute;top:40px;left:53px;font-weight: bold;color:#801351;}
#c02 .time .sch2{position:absolute;top:202px;left:17px;font-weight: bold;color:#801351;}
#c02 .time .sch3{position:absolute;top:332px;left:53px;font-weight: bold;color:#801351;}
#c02 .time .sch4{position:absolute;top:360px;left:17px;font-weight: bold;color:#801351;}
#c02 .time .sch5{position:absolute;top:439px;left:17px;font-weight: bold;color:#801351;}
#c02 .time .sch6{position:absolute;top:494px;left:53px;font-weight: bold;color:#801351;}

#c02 .time .sch11{position:absolute;top:14px;left:257px;font-weight: bold;color:#801351;}
#c02 .time .sch12{position:absolute;top:93px;left:217px;font-weight: bold;color:#801351;}
#c02 .time .sch13{position:absolute;top:173px;left:257px;font-weight: bold;color:#801351;}
#c02 .time .sch14{position:absolute;top:200px;left:217px;font-weight: bold;color:#801351;}
#c02 .time .sch15{position:absolute;top:310px;left:217px;font-weight: bold;color:#801351;}
#c02 .time .sch16{position:absolute;top:468px;left:217px;font-weight: bold;color:#801351;}
#c02 .time .sch17{position:absolute;top:518px;left:257px;font-weight: bold;color:#801351;}****/


#c02{width:90%; margin:0 auto;padding-bottom:30px;}










/***************************************
330pxまでの幅の場合に適応される　iphone5など
***************************************/


@media screen and (max-width: 330px) {

#c01{width:98%; margin:0 auto; padding:5px 0 40px;}
#c01 .box{font-size:90%; letter-spacing:-2px; line-height:150%;padding-bottom:20px;}

#c01 .left_box{width:48%;float:left;}
.cap3{font-size:85%; letter-spacing:-1px; line-height:130%;padding-top:5px;}

#c01 .right_box{width:48%;float:right;}
.cap4{color:#728cc3; font-size:110%;line-height:80%;}

}




/***************************************
400px以上の幅の場合に適応される　iphone6 plusなど
***************************************/


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


#c01{width:95%; margin:0 auto; padding:5px 0 40px;}
#c01 .box{letter-spacing:-1.5px; line-height:150%;padding-bottom:20px;width:95%; margin:0 auto; text-align:center}

#c01 .left_box{width:48%;float:left;}
.cap3{font-size:85%; letter-spacing:-1px; line-height:130%;padding-top:5px;}

#c01 .right_box{width:48%;float:right;}
.cap4{color:#728cc3; font-size:110%;line-height:80%;}
}