@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/














/*引越し前のCSS*/

#sitename {font-size:2.8em;}
@media screen and (max-width: 500px) {
#sitename {font-size:1.3em;font-weight:900;}
.head-cover .info {text-align:center;}
}

.container ol#breadcrumb {margin-top:0;}
.head-cover .info {padding-bottom:0;}

.imgwaku {width:100%;}
.imgwaku img{width:100%;}

.post h2,.post h3 {border-bottom:3px double #777;}

.post h2 {border-left:none;font-size:1.5em;font-weight:900;padding-left:0;padding-bottom:0;}
.post h3 {border-left:none;font-weight:900;padding-left:0;}

.post h2:before {content:"★";font-size:1.6em;position:relative;bottom:-4px;}
.post h3:before {content:"☆";font-size:1.4em;position:relative;bottom:-2px;}

.post h2:before {color:#900;}

strong {font-size:1.1em;padding:0 8px;}

.post ul:not([class]) {border:3px double #ccc;padding:12px 8px 8px 33px;border-radius:8px;}
.post ul li:not([class]) {font-size:1.05em;}

.smap ul:not([class]) {border:none;}



/*------------------------------
  画像付き吹き出し(会話)
------------------------------*/
/* 吹き出し 全体*/
.talking {
      margin-bottom:2em;
      position:relative;
}

.talking:before , .talking:after {
      clear:both;
      content:"";
      display:block;
}

/*アイコン*/
.talking figure {
width:80px;/*アイコンの横幅*/
height:80px;/*アイコンの縦幅*/
}

.talking-left_icon {
      float:left;
      margin-right:20px;    /*アイコンの右の余白(左の吹き出し)*/
}

.talking-right_icon {
      float:right;
      margin-left:20px;    /*アイコンの左の余白(右の吹き出し)*/
}

.talking figure img {
      width:100%;
      height:100%;
      margin:0;
      border:0px solid #aaa;
      border-radius:50%;    /*アイコンの角丸*/
}


/*吹き出しのセリフ部分*/
.talking-left , .talking-right  {
      position:relative;
      padding:10px;
      border-style:solid;    /*枠線の線種*/
      border-radius:10px;    /*セリフを入れる部分の角丸*/
max-width: calc(100% - 100px);
}

.talking p {
      margin:0;
}

.talking p :last-child {
      margin:0;
}

/*---左の吹き出し---*/

.talking-left {
      float:left;
      border-width:2px;         /*枠線の太さ*/
      border-color:lightpink;   /*枠線の色*/
      background:lightpink;    /*背景色*/
}

/*左の吹き出し 三角*/
.talking-left:before {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-right: 10px solid lightpink;  /*三角の線になる部分*/
      top: 15px;
      left: -22px;
}

.talking-left:after {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-right: 10px solid lightpink;
      top: 15px;
      left: -19px;
}

/*---右の吹き出し---*/
.talking-right {
      float:right;
      border-width:2px;      /*枠線の太さ*/
      border-color:khaki;    /*枠線の色*/
      background:khaki;    /*背景色*/
}

/*右の吹き出し 三角*/
.talking-right:before {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-left: 10px solid khaki;  /*三角の線になる部分*/
      top: 15px;
      right: -22px;
}

.talking-right:after {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-left: 10px solid khaki;
      top: 15px;
      right: -19px;
}


.warning {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #f00;
}
.warning p {
    margin: 0; 
    padding: 0;
}
/*引越し前のCSS*/