/*投稿日・更新日を消す場合*/
.page .date-tags {
    display: none;
}

/*著者情報を消す場合*/
.page .author-info {
    display: none;
}

/*まとめて消す場合*/
.page .date-tags,
.page .author-info {
    display: none;
} 

/*投稿日のみを消す場合*/
 .page .post-date {
    display: none;
}
.page .entry-title{
  display: none;
}
.stripe-pattern {
  position: relative;
  background: repeating-linear-gradient(-45deg, rgba(139,198,202,.3), rgba(139,198,202,.3) 10px, #fff 0, #fff 20px);
  padding: 1em;
  color: #e0e0e0;
}
.girly_btn_1 {
    position: relative;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: 0;
    overflow: hidden;
    color: #fff;/* 文字の色 */
    background: #c0c6c9;/* ボタン背景色 */
    border-radius: 8px;/* 角丸サイズ */
    box-shadow: 0 0 0 5px #c0c6c9, 0 2px 3px 5px rgba(0,0,0,0.5);/* 縁取り・影 */
    border: 2px dashed #fff;/* 点線の色・サイズ */
    padding: .5em 1em;/* 余白 */
}
.mb-10{
    margin-bottom:30px;
     
}
 
.btn-mod,
a.btn-mod{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 13px;
    color: #fff;
    background: rgba(34,34,34, .9);
    border: 2px solid transparent;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
     
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
     
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus{
    font-weight: 400;
    color: rgba(255,255,255, .85);
    background: rgba(0,0,0, .7);
    text-decoration: none;
    outline: none;
}
.btn-mod:active{
    cursor: pointer !important;
}
/* ==============================
   ボタンサイズ
   ============================== */
.btn-mod.btn-small{
    padding: 6px 17px;
    font-size: 11px;
    letter-spacing: 1px;
} 
.btn-mod.btn-medium{
    padding: 8px 37px;
    font-size: 12px;
} 
.btn-mod.btn-large{
    padding: 12px 45px;
    font-size: 13px;
} 
/* ==============================
   border黒枠ボタン
   ============================== */
.btn-mod.btn-border{
    color: #151515;
    border: 2px solid #151515;
    background: transparent;
}
.btn-mod.btn-border:hover,
.btn-mod.btn-border:focus{
    color: #fff;
    border-color: transparent;
    background: #000;
}
/* ==============================
   角丸ボタン
   ============================== */
.btn-mod.btn-circle{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.mybox{
	background: none;
	border: 1px solid #f3cbd0;	/* 線の太さ・種類・色 */
	margin: 5px 10px;	/* 外側の余白 上下・左右 */
	padding: 20px 20px 40px 20px;	/* 内側の余白 上・右・下・左 */
	position: relative;
}
.mybox:after{
	background-color: #fff;	/* チェック部分背景色 */
	background-image: linear-gradient(90deg, rgba(245,213,218,.5) 50%, transparent 50%), linear-gradient(rgba(245,213,218,.5) 50%, transparent 50%);	/* チェック色 */
	background-size: 20px 20px;	/* チェックのサイズ */
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 25px;	/* チェック部分の高さ */
	z-index: -2;
}
.mb-10{
    margin-bottom:30px;
      
}
.btn-mod,
a.btn-mod{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 13px;
    color: #fff;
    background: rgba(34,34,34, .9);
    border: 2px solid transparent;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
     
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
     
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus{
    font-weight: 400;
    color: rgba(255,255,255, .85);
    background: rgba(0,0,0, .7);
    text-decoration: none;
    outline: none;
}
.btn-mod:active{
    cursor: pointer !important;
}
 
.btn-mod.btn-small{
    padding: 6px 17px;
    font-size: 11px;
    letter-spacing: 1px;
} 
.btn-mod.btn-medium{
    padding: 8px 37px;
    font-size: 12px;
} 
.btn-mod.btn-large{
    padding: 12px 45px;
    font-size: 13px;
}
.btn-mod.btn-gray{
    color: #777;
    background: #e5e5e5;
}
.btn-mod.btn-gray:hover,
.btn-mod.btn-gray:focus{
    color: #444;
    background: #d5d5d5;
}
.btn-mod.btn-circle{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.btn-mod.btn-round{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.dot-pattern{
  background: #bce2e8;
  background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
  padding: 1em;
  color: #000000;
}
.toggle-button { text-align: left; }