@charset "utf-8";
 @media screen and (max-width: 970px){ body { 
height:970px;
margin:0;
padding:0;
}   #head_box {
width: 100%;
padding: 0;
margin: 0;
}
#head_box_in {
width: 100%;
margin: 0;
padding: 0 1%;
box-sizing: border-box;
float: left;
}
h1{
width: 96%;
margin: 0 2%;
box-sizing: border-box;
}
h2 {
width: 96%;
margin: 0 2%;
padding: 5px 0 10px;
font-size: 18px;
font-weight: normal;
text-align: left;
background: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
h2 img{
max-width:100%;
margin: 8px 0;
}   #social_box{
display: none;
}
#review .easy_mode_button a{
background-size: contain; 
margin: 40px 0px 20px;
line-height: 75px;
}   #site_ex p{
width:98%;
margin:0 1%;
}   #social_box {
width: 170px;
}
#social_box ul {
width: 170px;
}   .menubtn {
display: none;
clear: both;
}
.togmenu {
display: block;
}
#gnavi, #bnavi {
width: 100%;
height: 69px;
margin: 0;
padding: 0;
list-style-type: none;
border: none;
clear: both;
}
#gnavi ul, #bnavi ul {
width: 100%;
height: 69px;
margin: 0 auto;
padding: 0;
display: block;
list-style-type: none;
text-align: center;
clear: both;
}
@media screen and (max-width: 500px) {	
#gnavi{ display: none;}
#bnavi{ 
display: block;
height: 210px;
}
#bnavi ul {
width: 100%;
height: 140px;
margin: 0;
}
#bnavi ul li, #bnavi ul li:first-child {
width:50%;
}
}   #head_banner {
max-width: 100%;
width: 100%;
margin: 0;
}
#head_banner img{
width: 96%;
margin: 0 2%;
padding: 1%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}   .breadcrumbs{
width: 100%;
}
.breadcrumbs .bread_in{
width: 96%;
margin: 0 2%;
}   #contents_in{
width:98%;
margin: 7px 1% 0;
}   #wrapper3, #wrapper2r, #wrapper2l, #wrapper,#wrapperk3, #wrapperk2r, #wrapperk2l, #wrapperk1 {
width: 98%;
margin: 0 auto;
padding: 10px 0 0;
border: none;
clear: both;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}  #left_side {
width: 30%;
margin: 0 0 0 1%;
font-size: 12px;
float: left;
}
#right_side{
width: 30%;
margin: 0 1% 10px 0;
font-size: 12px;
float: right;
}
#wrapper3, #wrapper2r, #wrapper2l, #wrapper1,#wrapperk3, #wrapperk2r, #wrapperk2l, #wrapperk1 {
width: 96%;
margin: 0 2%;
}
#wrapper1 #center_box, #wrapperk1 #center_box {
width: 100%;
margin: 0;
padding: 0;
background: none;
}  #left_contents_frame{
width: 74%;
margin: 0 0 0 1%;
padding: 0;
float: left;
}
#wrapper3 #center_box, #wrapperk3 #center_box {
width: 63%;
margin: 0 2%;
padding: 0;
background: none;
float: right;
}
#wrapper3 #left_side, #wrapperk3 #left_side{
width: 32%;
margin: 0;
font-size: 12px;
float: left;
}
#wrapper3 #right_side, #wrapperk3 #right_side{
width: 24%;
margin: 0 1% 10px 0;
font-size: 12px;
float: right;
}
#wrapper3 #center_box .kanrenmenu_thumb ul li, #wrapper3 #center_box .Kanrenmenu ul li,
#wrapperk3 #center_box .kanrenmenu_thumb ul li, #wrapperk3 #center_box .Kanrenmenu ul li{
width: 94%;
margin: 5px 3%;
}  #wrapper2l #center_box, #wrapperk2l #center_box {
width: 66%;
margin: 0 1.2%;
padding: 0;
background: none;
float: right;
}  #wrapper2r #center_box, #wrapperk2r #center_box {
width: 66%;
margin: 0 1.2%;
padding: 0;
border-radius: 10px;
float: left;
}  #wrapper #center_box, #wrapperk1 #center_box {
width: 100%;
margin: 0 auto;
padding: 0;
background: none;
} .title_area_bottom {
width: 100%;
padding: 0 5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.kanrenmenu_thumb ul li, .Kanrenmenu ul li {
width: 98%;
margin: 10px 1% 10px;
clear: both;
}
#new-content .info {
max-width: 78%;
height: 50px;
margin: 0px 0px 0px 10px;
padding: 0px;
text-align: left;
overflow: hidden;
float: left;
}
#center_box .tag_box{
font-size: 12px;
margin: 0 0 0 -10px;
padding-top: 7px;
padding-bottom: 5px;
}  #footer_box_matome ul#eye_news li{
height: auto;
padding: 0px 2px 0px 5px;
background: none;
overflow: hidden;
}
#footer_box_matome ul#eye_news li .date{
margin-bottom: 0px;
} 
#footer_box_matome #eye_news a p{
width: 70%;
max-height: 75px;
text-align: left;
color: #333333;
margin: 4px 0 0 ;
line-height: 123%;
overflow: hidden;
float: right;
}
#left_side .sf_daca, #left_side .sf_daca a, #right_side .sf_daca, #right_side .sf_daca a{
max-height: 30px;
padding: 3px 0;
margin: 0 0 3px;
color: #333333;
border-bottom: 1px solid #DEDEDE;
width: 70%;
float: right;
}
#left_side ul#eye_news li, #right_side ul#eye_news li{
margin: 4px 0 4px;
padding: 7px 4px 0;
color: #333333;
text-decoration: none;
display: block;
}
#left_side ul#eye_news li .category, #right_side ul#eye_news li .category{
width: 94%;
padding: 0 0 0 15px;
font-size: 10px;
font-weight: bold;
line-height: 10px;
text-decoration: none;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#left_side ul#eye_news li .date, #right_side ul#eye_news li .date{
width: 100%;
text-align: left;
padding-top: 0;
font-size: 10px;
font-weight: bold;
float: right;
}
#left_side #eye_news .sub_new_img , #right_side #eye_news .sub_new_img ,#footer_box_matome #eye_news .sub_new_img{
width: 42px;
height: 42px;
margin: 2px 0 5px 0;
}
#left_side #eye_news .sub_new_img img, #right_side #eye_news .sub_new_img img, #footer_box_matome #eye_news .sub_new_img img{
width: auto;
height: 36px;
}
#footer_box_matome #eye_news .sub_new_img img{
width: auto;
height: 38px;
}
#left_side #eye_news a p, #right_side #eye_news a p, #footer_box_matome #eye_news a p{
width: 70%;
margin: -10px 0 10px 0;
text-align: left;
color: #333;
max-height: 30px;
line-height: 130%;
overflow: hidden;
clear: both;
}
#footer_box_matome #eye_news a p{
width: 70%;
margin: -15px 0 10px 0;
text-align: left;
color: #333;
max-height: 30px;
line-height: 130%;
overflow: hidden;
clear: both;
}   #wp-calendar caption{
display:none;
}
#wp-calendar {
display:none;
}  #wrapper3 #new-content .info, #wrapperk3 #new-content .info {
max-width: 70%;
}  #tb{
background-color: #FFFFFF;
}
#tb input{
width: 96%;
padding: 0.5em 2%;
margin: 10px 0;
}  #wrapper3 #fix_box1, #wrapperk3 #fix_box2{
min-width: 140px;
max-width: 225px;
width:100%;
margin: 10px 1% 0;
}
#wrapper2l #fix_box1, #wrapperk2l #fix_box1,
#wrapper2r #fix_box2, #wrapperk2r #fix_box2{
min-width: 140px;
max-width: 225px;
width:100%;
margin: 10px 1% 0;
padding: 0;
}   #top_return{
width:100%;
height:32px;
margin:30px 0 0;
display: block;
text-decoration: none;
clear: both;
}
.top_bottun{
width:86%;
margin: 0 5%;
}     #footer_box_matome {
width: 98%;
} .mini_box {
width: 30%;
margin: -2px 1.5% 10px;
text-align: left;
display: block;
float: left;
}
.mini_box img{
width: 100%;
}
.mini_box ul {
margin: 0;
padding: 0;
font-size: 12px;
line-height: 19px;
text-align: left;
list-style-type: none;
border-top: none;
} #body-foot p{
width: 100%;
padding: 10px 2%;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#footer p {
width: 100%;
font-size: 12px;
padding: 2px 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}     #mail_magazine {
width: 95%;
margin: 0 auto;
padding: 0;
overflow: hidden;
}
#review {
width: 95%;
margin: 0 auto;
padding: 0;
border-left: 2px #DDDDDD solid;
border-right: 2px #DDDDDD solid;
background: none;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#mail_magazine_in, #review_in {
padding: 20px;
}  #mail_magazine h1, #review h1, #mail_magazine h1 img, #review h1 img{
width: 100%;
margin: 0;
padding: 0;
display: block;
}  #review_in img, #review_in iframe, #mail_magazine_in img, #mail_magazine_in iframe{
margin: 0;
padding: 0;
display: block;
}  #mail_magazine .opt_blue, #mail_magazine .opt_black, #mail_magazine .opt_green, #mail_magazine .opt_orange, #mail_magazine .opt_pink, #mail_magazine .opt_red {
width: 100%;
margin: 40px auto;
}
#widget_form .opt_blue, #widget_form .opt_black, #widget_form .opt_green, #widget_form .opt_pink, #widget_form .opt_orange, #widget_form .opt_red {
width: 100%;
margin: 0 auto;
}
#mail_magazine p.opt-catch {
font-size: 22px;
}
#widget_form p.opt-catch {
font-size: 21px;
}
#widget_form p {
font-size: 14px;
line-height: 160%;
padding: 0 10px;
}  #mail_magazine{
width: 100%;
margin: 0;
padding: 0;
}
#widget_form {
width: 100%;
margin: 0 0 20px;
padding: 0;
}
#mail_magazine table.form_mail, #widget_form table.form_mail {
width: 90%;
margin: 0 auto 10px;
padding: 0;
}
#mail_magazine table.form_mail td.mailleft, #widget_form table.form_mail td.mailleft {
min-width: 200px;
width: 100%;
text-align: left;
padding-left: 5%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#mail_magazine table.form_mail td.mailright, #widget_form table.form_mail td.mailright {
width: 100%;
padding: 7px 0 7px 5%;
margin-right: 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#mail_magazine input.name-form, #widget_form input.name-form {
width: 100%;
}
#mail_magazine input.mail-form, #widget_form input.mail-form {
width: 95%;
}
#mail_magazine p.white{
font-size: 14px; 
width: 80%;
margin: 0 10%;
} #mail_magazine h3#pp {
font-size: 14px;
text-align: left;
margin: 5px 0;
clear: both;
}
#mail_magazine #about-privacy {
width: 96%;
height: 70px;
overflow: auto;
font-size: 14px;
margin: 20px 2% 0;
padding: 10px 2%;
border: 2px solid #CCCCCC;
background-color: #FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
clear: both;
}
#mail_magazine #about-privacy p {
font-size: 12px;
line-height: 180%;
text-align: justify;
text-justify: inter-ideograph;
margin: 0;
padding: 5px 0;
}  #mail_magazine .content-box, #review .content-box {
width: 95%;
margin: 0 38px 0 48px;
padding: 0;
text-align: left;
clear: both;
overflow: hidden;
}  #mail_magazine h2, #review h2 {
font-size: 32px;
color: #333333;
margin: 50px auto 30px;
padding: 20px 20px 20px;
text-align: center;
background: url(//cocoro-work.com/wp-content/themes/7th_formula/img/mail_review/h2.png) no-repeat bottom;
clear: both;
}  #mail_magazine #bullet1 {
margin: 30px 0;
padding: 0;
clear: both;
}
#mail_magazine .bullet1_head {
width: 805px;
height: 13px;
margin: 0 auto;
padding: 0;
background: url(//cocoro-work.com/wp-content/themes/7th_formula/img/mail_review/bullet1_head.png)  no-repeat;
}
#mail_magazine .bullet1_body {
width: 805px;
margin: 0 auto;
padding: 0;
background: url(//cocoro-work.com/wp-content/themes/7th_formula/img/mail_review/bullet1_body.png)  repeat-y;
}
#mail_magazine .bullet1_foot {
width: 805px;
height: 12px;
margin: 0 auto;
padding: 0;
background: url(//cocoro-work.com/wp-content/themes/7th_formula/img/mail_review/bullet1_foot.png)  no-repeat;
}
#mail_magazine .bullet1_body ul {
text-align: left;
margin: 10px 30px 20px;
padding: 0;
}
#mail_magazine .bullet1_body li {
list-style: none;
font-size: 22px;
font-weight: bold;
line-height: 40px;
text-align: left;
margin: 0;
padding: 5px 0 0 35px;
background: url(//cocoro-work.com/wp-content/themes/7th_formula/img/mail_review/check.png)  no-repeat left 8px;
border-bottom: 2px dotted #CCCCCC;
}  #mail_magazine .bullet2_top {
margin: 10px 0 0;
padding: 40px 0 0;
background: url(//cocoro-work.com/wp-content/themes/7th_formula/img/mail_review/bullet2_top.png) no-repeat left top;
}
#mail_magazine .bullet2_bottom {
margin: 0 0 40px;
padding: 0 0 50px;
background: url(//cocoro-work.com/wp-content/themes/7th_formula/img/mail_review/bullet2_bottom.png) no-repeat right bottom;
}
#mail_magazine ul.bullet2 {
text-align: left;
margin: 0;
padding: 0;
}
#mail_magazine ul.bullet2 li {
list-style: none;
font-size: 22px;
font-weight: bold;
line-height: 32px;
text-align: left;
margin: 0 50px;
padding: 10px 0 0 35px;
background: url(//cocoro-work.com/wp-content/themes/7th_formula/img/mail_review/check.png)  no-repeat left 8px;
}  #bullet3 {
margin: 30px 0;
padding: 0;
clear: both;
}
.bullet3_head {
width: 100%;
height: 100px;
margin: 0;
padding: 0;
background: url(//cocoro-work.com/wp-content/themes/7th_formula/img/bullet1_head.png) bottom no-repeat;
-moz-background-size: 100% auto;
background-size: 100% auto;
}
.bullet3_body {
width: 100%;
margin: 0;
padding: 0;
background: url(//cocoro-work.com/wp-content/themes/7th_formula/img/bullet1_body.png)  repeat-y;
-moz-background-size: 100% auto;
background-size: 100% auto;
}
.bullet3_foot {
width: 100%;
height: 72px;
margin: 0;
padding: 0;
background: url(//cocoro-work.com/wp-content/themes/7th_formula/img/bullet1_foot.png) top no-repeat;
-moz-background-size: 100% auto;
background-size: 100% auto;
}
.bullet3_body ul {
text-align: left;
margin: 0 40px;
padding: 0;
}
#mail_magazine .bullet3_body ul {
text-align: left;
margin: 0 40px;
padding: 0;
}
#mail_magazine .bullet3_body li, #mail_magazine .bullet3_body li:last-child{
font-size: 20px;
}  #about-privacy {
width: 780px;
height: 100px;
overflow: auto;
font-size: 14px;
margin: 30px auto;
padding: 10px 15px;
border: 2px solid #CCCCCC;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#about-privacy p {
font-size: 12px;
line-height: 180%;
text-align: justify;
text-justify: inter-ideograph; 
margin: 0;
padding: 5px 0;
}
#mail_magazine h4 {
text-align: left;
margin: 5px 0;
clear: both;
}  #mail_magazine input{
width: 100%;
height: auto;
display: block;
}
#review .easy_mode_button a {
width: 100%;
margin: 40px 0 20px;
}  .rankingvera td {
width:100%;
margin: 0;
padding: 0;
border-collapse: collapse;
background-color: transparent;
float:left;
}
.rankingvera .ra-img {
width: 70%;
margin:10px 15%;
padding:0;
clear:both;
}
.rankingvera .rc-img a img {
width: 100%;
margin: 0;
}  .rankingverb td {
width:100%;
margin: 0;
padding: 10px 0;
border-collapse: collapse;
background-color: transparent;
float:left;
}
.rankingverb .rb-img{
width:100%;
margin:0;
padding: 0;
}
.rankingverb td .rb-img a img{
width: 70%;
margin: 0 15%;
}
.rankingverb td.rbg {
width:100%;
display:block;
margin: 0;
padding: 0 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float:right;
}
#wrapper3 .rankingverb td {
width:100%;
margin: 0;
padding: 10px;
border-collapse: collapse;
background-color: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float:left;
}
#wrapper3 .rankingverb td.rbg {
width:100%;
display:block;
margin: 0;
padding: 10px 0;
float:right;
}  .rankingverc td.c_photo {
width:100%;
margin: 0;
padding: 0;
border-collapse: collapse;
display:block;
float:left;
}
.rankingverc .rc-img {
width:76%;
position: relative;
margin: 0 12% 10px;
padding: 10px 3%;
border-top: 1px solid #DDDCCC;
border-right: 1px solid #DDDCCC;
border-bottom: 2px solid #DDDCCC;
border-left: 1px solid #DDDCCC;
background:#FFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.rankingverc .rc-img a img {
width: 100%;
}
.rankingverc .seal{
width: 35%;
height:25px;
position: absolute;
top: -12px;
left: 35%;
}
.rankingverc td.rbg {
width:100%;
display:block;
margin: 0;
padding: 10px 0;
float:left;
}  .rankingd-box {
margin: 0;
padding: 0;
}
.box_in_ranking_black {
width: 97%;
float: left;
padding: 5px 1% 10px;
margin: 0 0.5% 10px;
border-color: #DDDCCC;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px; 
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.box_in_ranking_black p.catch {
font-size: 13px;
font-weight: bold;
color: #ff0000;
margin: 5px;
}
#center_box .textwidget p {
font-size: 13px;
margin: 5px;
}
.box_in_ranking_black p a{
color: #0044CC;
font-weight: bold;
margin: 0 5px;
background: url(//cocoro-work.com/wp-content/themes/7th_formula/img/ranking/3box_arrow_black.png) left no-repeat;
text-decoration: underline;
}
.box_in_ranking_black p a:hover {
color: #F60;
text-decoration: none;
}
.box_in_ranking_black p a img  {
width:70%;
margin:0 15%;
padding:0;
clear:both;
}
}