@charset "UTF-8";

/*
Theme Name: MY THEME
Author: ICHIMIYAUNYU
Description: This is my original theme.
Version: 1.0
*/

/* ----------------------------------------------------------------------
石黒恭子さんページ
---------------------------------------------------------------------- */

.ishiguro1{width:80%; margin: 0 auto; padding-top:50px}
.ishiguro1__box:after{
      display: block;
      clear: left;
      content: "";
}
.ishiguro1__box{border:2px solid #cccccc; width:720px; margin: 0 auto;}
.ishiguro1__box div{float:left; width:40%;}
.ishiguro1__box div img{width:100%; vertical-align:bottom;}
.ishiguro1__box dl{float:left; width:28%; margin:0; padding:6% 16% 0;}
.ishiguro1__box dl dt, .ishiguro1__box dl dd{margin:0; line-height:2.5;}
.ishiguro1__box dl dd:nth-of-type(2){font-size:22px; font-weight:bold;}

.ishiguro1 section{padding-top:50px}
.ishiguro1 section h3{margin:0; padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; position:relative;}
/* --
.ishiguro1 section h3:after{content: url("../img/hukidashi.png");
position:absolute; top:39px; right:92.5%; z-index:0;}
--- */
.ishiguro1 section p{width:85%; margin: 0 auto; line-height:1.7; padding-top:20px}

.clear__ishiguro:after{
      display: block;
      clear: left;
      content: "";
}
.clear__ishiguro{width:85%; margin: 0 auto; margin-top:20px;}
.clear__ishiguro div{float:left; width:25%;
border:3px solid #ffffff; box-shadow: 0px 0px 10px 1px #dfdfdf;
    -moz-box-shadow: 0px 0px 10px 1px #dfdfdf;
    -webkit-box-shadow: 0px 0px 10px 1px #dfdfdf;
    -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__ishiguro div img{width:100%;}
.ishiguro1 section .clear__ishiguro p{float:left; width:73%; padding:0 0 0 2%;}

@media (min-width: 1500px) {
.ishiguro1{width:1200px;}
}
@media (max-width: 1200px) {
.ishiguro1{width:90%;}
}
@media (max-width: 1030px) {
.ishiguro1 section .clear__ishiguro p{font-size:15px;}
}
@media (max-width: 980px) {
.ishiguro1{width:882px; margin:0; padding:50px 49px;}
}
@media (max-width: 500px) {
.ishiguro1{width:90%; margin:0 auto; padding:35px 0px 0px;}
.ishiguro1__box{width:100%; margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
.ishiguro1__box div{float:none; width:100%;}
.ishiguro1__box dl{width:100%; text-align:center; padding: 2% 0 15px;}
.ishiguro1 section h3{padding: 0.4em; border-radius: 0px; font-size: 18px; text-align:left; line-height:1.7;}
.ishiguro1 section p{width:95%;}
.clear__ishiguro{width:95%;}
.clear__ishiguro div{width:100%;}
.ishiguro1 section .clear__ishiguro p{width:100%; padding: 20px 0 0 0;}
.ishiguro1 section .clear__ishiguro p{font-size: 16px;}
}