@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */




#wrap{
overflow:hidden;
}

#main {
 border:none !important;
 pdding: 0;
}

#main .entry {
 border-bottom: 1px dotted #ccc;
 padding-bottom: 15px;
}

.entry-read a {
text-decoration: none;
}
.entry-read a:before {
margin-right: 5px;
font-family: "FontAwesome";
content: "\f0a9";
}


.article {
	font-size : 16px ; /*フォントサイズ*/
	color: #333;
	line-height : 1.7 ; /*行間*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.article p {
	margin-bottom: 1.8em; /*段落の余白*/
}

.article img{
	border-width:0px;
	margin: 0.75em 0 0.75em 0;
}

/* リード部分明朝系のテキスト */
.lead_text {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
	color: #333;
}


/*****************************
*h要素の変更
*****************************/
/* 山の見出しと章の切れ目の数字を見せる大見出し */
.article h2 {
	padding-bottom: 0.5em;
	font-size: 20px;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: 1em;
	color: #604121;
	font-weight:lighter;
	border:0;

}

.article h2 span {
	display: block;
	margin-bottom: 0.25em;
	color: #008000;
	font-size: 0.75em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #008000;
	padding-top: 0.25em;
	margin-top: 1em;
	font-weight: bolder;
}

/* 上下に破線のラインが引いてある */
.article h3 {
	border-top: 1px dotted #008000;
	border-bottom: 1px dotted #008000;
	font-weight: lighter;
	margin: 3em 0 1em 0em;
	padding: 1em;
	font-size: 1.2em;
	border-left-width: 0px;
	color: #1e4a1e;
	font-weight:lighter;
	text-align: center;
}

/* 左側に赤い線がフォントの大きさに合わせてついている */

.article h4 {
	margin-top: 2em;
	margin-bottom: 0em;
	padding: 0em 0.75em;
	font-size: 1em;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #1e4a1e;
	border-bottom-width: 0px;
}


/* 背景が黒、文字色白の小見出しがついている */

.article h5 {
	background-color: #1e4a1e;
	color: #FFF;
	font-size: 0.9em;
	padding: 0.75em 1em;
	border-bottom-width: 0px;
	font-weight: lighter;
	letter-spacing: 0.05em;
	border-radius: 8px;
}



/* 文字色白の小見出しがついている */
.article h6 {
	background-color: #333;
	color: #FFF;
	font-weight: lighter;
	font-size: 0.7em;
	margin: 0;
	text-align: center;
	padding: 1.5em 1em;
}


#sidebar h3 {
	color: #666;
	font-size: 12px;
	border-bottom: 1px solid #f35d34;
	padding: 5px 0;
}

#sidebar p {
	font-size: 11px;
	line-height : 1.7 ; /*行間*/
}



/*二段式　主に今何時で使う*/
.time_day_text {
	
	padding: 0.25em 0 0.5em 0.5em;
	color: #666;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
}
.time_day_text span {
	display: block;
	color: #903;
	font-size: 0.7em;
}


/* 囲まれて上に赤ラインでグラデーション */

.waku_gradation_text {
	margin: 2em 0;
	padding: .75em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #903;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	}
	


/*ポジティブな吹き出し*/
.fbox_poji {
    background-color:#fcb305;
    border-radius:20px;
    padding:1em 1.5em;
    position:relative;
    display:inline-block;
}
 
.fbox_poji:after {
border:10px solid transparent;
border-top-color:#fcb305;
border-bottom-width:0;
bottom:-10px;
content:"";
display:block;
left:50px;
position:absolute;
width:0;
}



/*ネガティブな吹き出し*/
.fbox_nega {
    background-color:#6699cc;
    border-radius:20px;
    padding:1em 1.5em;
    position:relative;
    display:inline-block;
	color:#FFF;
}
 
.fbox_nega:after {
    border:10px solid transparent;
    border-top-color:#6699cc;
    border-bottom-width:0;
    bottom:-10px;
    content:"";
    display:block;
    left:50px;
    position:absolute;
    width:0;
}




/* 経線を点線にします */
hr {
    border: 1px dotted #ccc;
    margin-bottom: 40px;
}


/************************************
** マージンの4つの値(上)　(右)　(下)　(左)
 マージンの2つの値(上下)　(左右)
テキスト関連に入る
************************************/
/* 背景薄ピンクで塗られ、文字色赤 */
.strong_marker {
	border-radius:5px;
	padding: 0.4em 0.6em;
	margin: 0em 0.2em;
	background-color: #fef4bc;
	color: #604121;
	font-weight: bold;
}


/* 赤文字で強調 */
.strong_text_red {
	color: #b13d57;
	font-weight: bold;
	margin: 0 0.2em 0 0.2em;
}

/* 黒文字で強調 */
.strong_text_dark {
	color: #333;
	font-weight: bold;
	margin: 0 0.2em 0 0.2em;
}

/* 茶色文字で強調 */
.strong_text_braun {
	color: #9c836b;
	font-weight: bold;
	margin: 0 0.2em 0 0.2em;
}

/* ピンク文字で強調 */
.strong_text_pink {
	color: #ed0e93;
	font-weight: bold;
	margin: 0 0.2em 0 0.2em;
}


/* 緑色文字で強調 */
.strong_text_green {
	color: #008000;
	font-weight: bold;
	margin: 0 0.2em 0 0.2em;
}


/* 文字で強調大1 */
.strong_big1 {
	font-size: 1.4em;
}
/* 文字で強調大2 */
.strong_big2 {
	font-size: 2.2em;
}

/* 文字で強調大3 */
.strong_big3 {
	font-size: 3em;
}



/* 小文字で黒文字で強調 */
.strong_text_mini {
	color: #333;
	font-size: 0.65em;
	font-weight: bold;
	margin: 0 0.2em;
}
/* グレイの線、背景白で囲み枠 */
.box_line {
	font-size: 0.9em;
	line-height: 1.8em;
	border: 2px solid #ccc;
	border-radius: 4px;
	padding: 1em 2.5em;
	border-radius: 8px;
	margin: 3em 0;
	}
	

/* グレイの背景で囲み枠 */
.box_line_glay{
	font-size: 0.9em;
	line-height: 1.8em;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 1em 2.5em;
	border-radius: 8px;
	background-color: #e6eae3;
	margin: 1em 0;
}

/* 薄いピンク背景にラフの罫で囲まれている */
.box_line_raf {
	background-color: #FFF5EF;
	font-size: 0.8em;
	padding: 1em 2.5em;
	border: 2px solid #FFDBBF;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
	color: #960;
}

/* 小さい文字 */
.box_line_mini {
	padding: 1em 2.5em;
	border:1px solid #2e4600;
	margin-top:10px;
	margin-bottom:10px;
	border-radius: 8px;
	font-size: 0.7em;
	line-height: 2em;
	font-weight: bold;
}



/*テーブルデザイン*/


/*まわり実線、区切り線が点々*/
.table_design_1 {
	border: 1px solid #999;
	border-collapse: collapse;
	width: 100%;
	color: #666;
	font-size: 0.8em;
} 
.table_design_1 th.t_top {
	border: #999 1px solid;
	background-color: #CCC;
	text-align: left;
	padding: 7px;
	font-weight: lighter;
} 
.table_design_1 td {
	border: 1px dashed #CCC;
	background-color: #FFF;
	vertical-align: top;
	text-align: left;
	padding: 7px;
}

/* 囲み罫線をなくし、アンダーラインに赤*/

.table_design_2 {
	width: 100%;
	border:0;
	padding: 0px; 
	margin-bottom:0px;
	font-size: 0.8em;
} 
.table_design_2 td {
	border:0;
	padding: 0.5em; 
	margin-bottom:0px;
	border-bottom: solid 1px #903;

}


/* 囲み罫線をなくし、カーソルが乗ると色が反転 */

.table_design_3 {
	border-collapse: collapse;
	width:100%;
	font-size: 0.8em;
}
.table_design_3 th.t_top {
    border-top: #be1309 4px solid;
}
.table_design_3 th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}
.table_design_3 td.t_top {
	border-top: #b3b3b3 4px solid;
}
.table_design_3 td {
	border: 0;
	text-align: left;
	padding: 10px;
}
.table_design_3 tr:hover {
    background: #f8e8ef;
    color: #b35959;
}

/* 囲み罫線をなくし、カーソルが乗ると色が反転 */

.table_design_4 {
	border-collapse: collapse;
	width:100%;
	font-size: 0.8em;
}
.table_design_4 th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 0.25em;
	font-weight: normal;
}
.table_design_4 td {
	width:25%;
	border: 0;
	text-align: left;
	padding: 0.25em;
}


/* ただの囲い */

.table_design_5 {
margin: 0;
}
.table_design_5 th {
	padding: 0;
	border: 0;
margin: 0;
}
.table_design_5 td {
	border: 0;
	padding: 0em;
}



/*****************************
*カレンダーに枠を付ける
*****************************/
#wp-calendar {
    border-collapse: collapse;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    width: 100%;
    margin-left: 0px;
}
#wp-calendar thead tr th {
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #999;
    border-left-color: #999;
}
 
/*土曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(7){
  background-color: #C0DDF9;
}
 
/*日曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(1){
  background-color: #F5D0D3;
}
 
#wp-calendar td {
    text-align: center;
    padding: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #999;
    border-left-color: #999;
 
}
#wp-calendar caption {
    font-weight: bold;
    text-align: left;
}
#wp-calendar tbody tr #today {
    background-color: #CCC;
}


.frame {
	display: inline-block;
	position: relative;
}
.frame:after {
	position: absolute;
	content: "";
	box-shadow: 0 15px 10px rgba(0,0,0, .5); /* シャドウ */
	transform: rotate(3deg); /* 回転させる */
	right: 5px;
	left: auto;
	top: auto;
	bottom: 15px;
	z-index: -1;
	width: 50%;
	height: 20%;
}







/*持ち物リスト用*/
.brwsr1 {
    font-size: 11px;
    border-collapse: collapse;
    border-spacing: 0;
	border: solid 2px #888084;
	width: 100%;
	padding:0;
	margin:0;
}
 
.brwsr1 th {
    padding: 12px;
    vertical-align: middle;
    text-align: center;
	background-color: #eae5e3;
	border-right: solid 1px #888084;
	border-bottom: solid 2px #888084;
	border-top: solid 2px #888084;
	border-left: solid 2px #888084;
}
.brwsr1 th.r6 {
	border-right: solid 0px #888084;
}
 
 
.brwsr1 td {
    vertical-align: middle;
    border: #999 1px dotted;
    background: #ffffff;
	text-align: center;
}
 
.brwsr1 th.r1 {
    width: 70px;
}
 

.brwsr1 td.r2 {
    background: #ffffff;
    text-align: center;
	font-weight: bold;
}
  table.brwsr1 th.r2 {
	width: 85px;
} 

.brwsr1 th.r4,
  table.brwsr1 th.r5,
    table.brwsr1 th.r9,
  table.brwsr1 th.r6 {
	width: 35px;
} 

.brwsr1 td.r4 {
	background-color: #fff1cf;
	text-align: center;
}
  
  
.brwsr1 td.r5 {
	background-color: #e8d3d1;
	text-align: center;
}
  
  
.brwsr1 td.r6 {
	background-color: #e7e7eb;
	text-align: center;

}
.brwsr1 td.r9 {
	background-color: #666666;
	text-align: center;

}
.brwsr1 td.r3 {
	padding: 5px;
	text-align: left;
}


input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;
}


/* 画像をセンターへ*/
.center{
	margin: 15px 0px 0px 0px;
	text-align: center;
}
/* 文字はセンターに配置されて強調文字で薄いグレイ*/
.mt_layout_1 {
	padding: 10px;
	margin: 0;
	color: #fff;
	font-size: 0.8em;
	text-align: center;
    background: #726250;
border-radius: 1em; /* CSS3草案 */ 
-webkit-border-radius: 1em; /* Safari,Google Chrome用 */ 
-moz-border-radius: 1em; /* Firefox用 */ 

}
/* 文字はセンターに配置され背景は薄いグレイ文字は白抜き*/
.mt_or_text {
	padding: 0.5em 0;
	font-size: 0.8em;
	text-align: center;
	margin:0;
	border-top: #999 1px dotted;
	border-bottom: #999 1px dotted;
	width: 100%;
	color: #726250;
}

.mt_or_text span {
	display: block;
	padding: 0.5em 0 0 0;
color:#000;
}




/* 文字はセンターに配置されてちょっと大きい文字*/

.mt_layout_2 {
	padding: 0;
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	text-align: center;
}

/* 文字はセンターに配置されて大きい文字でアンダーライン付*/
.mt_big_text {
	font-size: 1.7em;
	color:#333;
	border-bottom: 3px solid #DEDEDE;
	width: 100%;
	text-align: center;
	padding: 0.5em 0;
	margin:0px;
}

/* 目次の見出し */
.list_midashi {
	color: #777;
	border-bottom: 1px solid #777;
	margin-bottom: 0;
}
/* 目次の囲み*/
.list_box {
	border:1px solid #818f62;
	border-radius: 8px;
	font-size: 0.7em;
	line-height: 1.7em;
	padding: 0 1em;
}
.list_box a:link{
	padding: 0 1em;
  color: #666;
  text-decoration: none;
}
.list_box a:visited{
  color: #666;
}
.list_box a:hover{
  color: #333;
}
.list_box a:active{
  color: #666;
}