/*
Name: Wedding
Priority: 30
*/

/*基本設定（General Setting）*/
body{
color:#332800;
}

.article p{
margin:1.6em 0;
}

/*見出し（H1-6）*/
.article h1{	
margin:0 0 7px;
padding-bottom:0.3em;
border-bottom:1px dotted #ED7B8C;
color:#332800;
}	

.article h2{
margin:2em 0 1.5em;
padding:0.5em;
background-color:#ED7B8C;
color:#fff;
box-shadow:2px 2px 8px -2px #000;
border-left:none;
border-radius:0.5em;
}

.article h3{
background-color:rgba(249, 207, 215, 0.3);
border:2px solid #ED7B8C;
margin:1.8em 0 1.3em;
padding:0.7em;
position:relative;
z-index:1;
}

.article h3:after{
background:none;
border:1px solid #ED7B8C;
content: '';
position:absolute;
top:4px;
left:4px;
width:100%;
height:100%;
z-index:-1;
}

.article h4{
margin:1.8em 0 1.3em;
padding:0.2em 0.5em;
border-bottom:none;
}

.article h4:after{
content: "";
display:block;
height:5px;
margin:5px -0.5em 0;
background:-moz-linear-gradient(to right, rgb(237, 123, 140),#F9CFD7);
background:-webkit-linear-gradient(to right, rgb(237, 123, 140),#F9CFD7);
background:linear-gradient(to right, rgb(237, 123, 140), #F9CFD7);
}

.article h5{
margin: 0 0 1.3em;
padding-bottom:0;
background:linear-gradient(transparent 60%, #F9CFD7 60%);
display:inline-block;
border-bottom:none;
}

.article h6{
margin:0 0 1.3em;
position:relative;
padding-left:1.2em;
line-height:1.4em;
border-bottom:none;
font-size:18px;
}

.article h6:before{
font-family:FontAwesome;
content: "\f138";
position:absolute;
font-size:1em;
left:0;
top:0.3em;
color:#ED7B8C;
}


/*引用（blockquote）*/
blockquote{
position:relative;
padding:10px 20px;
box-sizing:border-box;
font-style:italic;
font-size:0.8em;
color:#4e4e4e;
background:#f3f3f3;
border-color:#FCF1F5;
}

blockquote:before{
display:inline-block;
position:absolute;
top:7px;
left:10px;
vertical-align:middle;
content: "\f10d";
font-family:FontAwesome;
color:#c3f7f2;
font-size:58px;
line-height:1;
}

blockquote:after{
display:inline-block;
position:absolute;
bottom:5px;
right:15px;
vertical-align:middle;
text-align:center;
content: "\f10e";
font-family:FontAwesome;
color:#c3f7f2;
font-size:40px;
line-height:1;
}

blockquote p{
position:relative;
padding:0;
margin:10px 0;
z-index:3;
line-height:1.7;
}

blockquote cite{
position:relative;
z-index:3;
display:block;
text-align:right;
color:#888;
font-size:0.9em;
}



/*リスト（List）*/
ul ul{
margin-left:0;
}

.cr ul li,
.chk ul li,
.cv ul li,
.memo ul li{
list-style-type:none;
}

.cr ul li:before,
.chk ul li:before,
.cv ul li:before,
.memo ul li:before{
font-family:FontAwesome;
margin-right:7px;
margin-left:-20px;
color:#00bcd4;
}

.cr ul ul li:before,
.chk ul ul li:before,
.cv ul ul li:before,
.memo ul ul li:before{
content: "\f101";
}

/*リスト▶*/
.cr ul li:before{
content: "\f0da";
}

/*リスト✔*/
.chk ul li:before{
content: "\f00c";
}

/*リスト>*/
.cv ul li:before{
content: "\f138";
}

/*リストmemo*/
.memo ul li:before{
content: "\f040";
}

/*テーブル（Table）*/
.article table{	
margin:5px 0;
}

.article th{
border-color:#00bcd4;
background-color:#dbf9f6;
font-size:16px;
}

.article td{
border-color:#00bcd4;
font-size:14px;
}

.article .scrollable-table th,
.article .scrollable-table td{
white-space:normal!important;
}


/*その他（Other）*/


/*レイアウト（Layout）*/



/*ヘッダー(header)*/
#site-title a{
font-size:38px;
}


/*グローバルナビメニュー（menu）*/
#navi,
#navi ul,
#navi ul.sub-menu,
#navi ul.children{
border:none;
padding-left:0.8em;
}

@media screen and (max-width:1110px){
#navi,
#navi ul,
#navi ul.sub-menu,
#navi ul.children{
padding-left:0;
}
}


/*フッターナビメニュー*/


/*サーチフォーム（Search Form）*/
#s{
color:#332800;
background-color:#f2fffd;
border-color:#00bcd4;
}



/*メインカラム（#main、記事、固定ページなど）*/
/*記事タイトル周り*/
p.post-meta{
background-color:#f2fffd;
border-bottom:1px dotted #5ee0d3;
}

.post-meta a{	
color:#332800;
font-size:0.8em;
text-decoration:none;
}

.post-meta .category{
padding-left:0.5em;
text-decoration:none;
}

.article .post-meta{/*個別記事の部分*/
display:none;
background-color:#fff;
}

/*記事間ライン*/
#main .related-entry,
.related-entry{
border-bottom:1px dotted #ED7B8C;
padding-bottom:15px;
}

/*index.phpのリスト*/


.entry h2 a{
color:#332800;
}


/*パンくずリスト（Breadcrumb）*/
#breadcrumb{	
color:#332800;
}	


/*TOC+（目次）*　新規追加*/
#toc_container{
display:block !important;
width:80% !important;
border:2px solid #008db7;
font-size:0.9em;
padding:0 2em;
}

#toc_container .toc_title{/*「目次」部分のスタイル*/
font-weight:bold;
display:inline-block;
border-bottom:3px double #008db7;
margin:1em 0 0;
}


#toc_container .toc_toggle a{/*目次の表示・非表示部分のスタイル*/
font-size:12px;
text-decoration:none;
}

#toc_container ul{/*見出しのスタイル*/
counter-reset:number;
list-style:none;
}

#toc_container ul li{/*見出しのスタイル*/
line-height:1.25em;
margin-bottom:1.5em;
margin-left:0.5em;
}

#toc_container ul li:before{
counter-increment:number;
content:counter(number);
font-weight:bold;
color:#069;
padding-right:10px;
margin-left:-20px;
}
#toc_container ul li a{/*大見出しのスタイル*/
font-weight:bold;
color:#008db7;
text-decoration:none;
margin:0;
}

#toc_container ul ul{/*大見出しと小見出しの間*/
margin-top:0.5em;
}
#toc_container ul ul li{
line-height:1.25em;
margin-bottom:0.5em;/*各小見出しの下*/
margin-left:-2.5em;
}
#toc_container ul ul li:before{
content: "\f0da";
font-family:FontAwesome;
padding-right:6px;
margin-left:0;
color:#5ee0d3;
font-weight:normal;
margin-left:-11px;
}
#toc_container ul ul li a{
color:#3D3D3D;
font-weight:normal;
padding-right:6px;
}



/*前の記事へ、次の記事へ*/
.navigation > div,
.navigation > div + div{
border-top:1px dotted #5ee0d3;
border-bottom:1px dotted #5ee0d3;
}
.navigation a:hover{
background:#f2fffd;
}

.navigation a span{
color:#008db7;
}

.navigation a:hover{
background:#f2fffd;
}

.navigation .alignright a:hover{
border-left:1px dotted #5ee0d3;
}


/*ページャー、ページナビゲーション*/
.pager .current{
background-color:#f2fffd;
border:1px dotted #dbf9f6;
color:#000;
}

.pager a:hover{
background:#5ee0d3;
opacity:0.7;
}


/*記事分割時のページナビゲーション*/
.page-link span,
.comment-page-link span,
.comment-page-link a{
border:1px dotted #dbf9f6;
background:#5ee0d3;
}

/*関連記事（Relation）*/
#related-entries h2:before{/*関連記事見出しにアイコンを入れる*/
content: "\f00b";
font-family:FontAwesome;
margin-right:10px;
}



/*コメントエリア（Comments Area）*/
/*コメントタイトル前にアイコンを表示*/
#reply-title:before{
content: "\f27b";
font-family:FontAwesome;
margin-right:10px;
}


/*入力フォーム（Form）*/
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea,
#comment-area input[type="text"],
#comment-area textarea{
background-color:#f2fffd;
border-color:#dbf9f6;
}

input[type="text"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
textarea:focus{
background-color:#f2fffd;
border-color:#dbf9f6;
box-shadow:0 0 3px rgba(0,188,212,1);
color:#332800;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{
border:none;
background:#00bcd4;
color:#fff;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
background:#00bcd4;
opacity:0.7;
}


/*サイドバー（Sidebar）・ウィジェットなど*/
/*ウィジェットタイトル部分*/
#sidebar h3{
text-align:center;
color:#fff;
background-color:#5ee0d3;
padding:0.2em;
border-radius:5px;
box-shadow:3px 3px 3px rgba(0,0,0,0.2);
}

/*サイドバーのリストマーク*/
#categories-2 > ul > li:before{
content: "\f115";
font-family:FontAwesome;
margin-right:6px;
}

#categories-2 ul > li > ul li:before{
content: "\f105";
font-family:FontAwesome;
margin-right:10px;
}


/*新着記事・人気記事（new,pupular）「人気ウィジェットをランキング」も一緒に設定*/
.widget_popular_ranking ul li::before,
.ranking_list ul li:before{
background:none repeat scroll 0 0 #5ee0d3;
font-size:85%;
left:3px;
border-radius:10px;
font-weight:bold;
}

/*記事間ライン*/
.widget_new_entries ul li,
.widget_new_popular ul li,
.widget_popular_ranking ul li{
clear:left;
float:none;
margin-bottom:10px;
overflow:auto;
border-bottom:1px dotted #ED7B8C;
}
.widget_new_entries ul li img,
.widget_new_popular ul li img,
.widget_popular_ranking ul li img{
border:medium none;
display:inline;
float:left;
margin-top:3px;
margin-right:8px;
width:75px;
height:75px;
margin-bottom:10px;
box-shadow:2px 2px 5px #ccc;
}
.widget_new_entries a,
.widget_new_popular a,
.widget_popular_ranking a,
.wpp-list a,.article-list .entry-title a{
text-decoration:none;
font-size:90%;
}


/*新着記事・人気記事（拡張large）*/
/*大きなサムネイル表示のサムネイル表示*/
.widget_new_popular .popular-entrys-large .wpp-list li img.wpp_cached_thumb,
.widget_popular_ranking .popular-entrys-large .wpp-list li img.wpp_cached_thumb{
border-radius:0;
}

/*大きなサムネイル表示で記事間ラインを無くす*/
.widget_new_popular .popular-entrys-large .wpp-list li,
.widget_popular_ranking .popular-entrys-large .wpp-list li{
border-bottom:none;
}

/*大きなサムネイルの順位部分*/
.widget_popular_ranking .popular-entrys-large ul li::before,
.ranking_list ul li.popular-entrys-large :before{
background:none repeat scroll 0 0 #5ee0d3!important;
content:counter(wpp-ranking, decimal);
counter-increment:wpp-ranking;
line-height:1;
position:absolute;
z-index:1;
opacity:0.9;
border-radius:0 0 75% 0;
top:0;
padding:4px 8px 6px 7px;
}



/*フッター(footer)*/
#footer{
border-color:#5ee0d3;
}


/*TOPへ戻るボタン（Go to top）*/
#page-top a{
padding:8px 16px;
border:1px solid #fff;
font-size:0.5em;
}

#page-top .page-top{
font-family:'Rajdhani',sans-serif;
font-size:2em;
}




/*サムネイルつきポストナビ(サムネイル付きの前の・次の記事へナビ）*/
#prev-next #prev:hover, #prev-next #next:hover{
background-color:rgba(242,255,253,0.7);
}

#prev-next #prev,
#prev-next #prev-no{
border-right:#00bcd4 1px dotted;
}

#prev-next #prev-title, #prev-next #next-title{
border:#00bcd4 1px dotted;
color:#332800;
}


#prev-no a:hover,
#next-no a:hover{
background-color:#fff;
}

#prev-next-home span{
color:#00bcd4;
}



/*ブログカードのスタイル*/
.internal-blog-card,
.external-blog-card{
padding-bottom:3px;
border:3px double #008db7;
}

.blog-card img.blog-card-thumb-image{
width:120px;
height:120px;
margin-bottom:0;
}

.blog-card-content{
font-size:15px;
}

.blog-card-title{
margin-bottom:1em;
}

.blog-card-title a{
color:#008db7;
font-size:16px;
}

.blog-card-site{
line-height:1em;
}



/*レスポンシブページネーション*/
.pagination a{
border:1px solid #5ee0d3;
color:#332800;
}

.pagination li:not([class*="current"]) a:hover{
background-color:#f2fffd;
}

.pagination li.current a{
background-color:#dbf9f6;
color:#008db7;
}


/**新規　自作設定**/

/*FontAwesome用のクラス*/
/*FontAwesome自体の設定*/
.fa-blue:before{
color:#00ffff;
}

.fa,
.rakuten:before,
.amazon:before,
.yahoo:before{
font-family: FontAwesome;
padding-right:5px;
}

.rakuten:before{
content: '\f25d';
color:#bf0000;
}

.amazon:before{
content: '\f270';
}

.yahoo:before{
content: '\f19e';
color:#d90000;
font-weight:bold;
}


/**拡張クラスを追加するスタイルシート*extension.cssより**/
/**自作クイックタグ**/

/*shopボタンスタイル*/
p.btn.btn-cyan{
margin:0.3em;
padding:0.3em 0.5em;
}

p.btn.btn-cyan a,
p.btn.btn-cyan a:hover{	
margin:0.3em;
padding:0.3em 0.5em;
color:#fff;
text-decoration:none;
}

.shopbtn{
color:#fff !important;
font-weight:bold;
margin:0.3em 2em;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
cursor:pointer;
line-height:normal;
padding:0.3em 0.5em;
text-align:center;
font-size:14px;
background-color:#00BCD4;
}
 
.shopbtn a{
text-decoration:none !important;
color:#fff !important;
display:inline-block;
}


/*point BOX*/
.point{
border:2px solid #00bcd4;
padding:15px 20px 10px;
border-radius:10px;
position:relative;
font-size:14px;
margin-bottom:2.2em;
}
 
.point:before{
content:"POINT!";
position:absolute;
left:15px;
top:-15px;
font-weight:bold;
color:#00bcd4;
background:#fff;
font-size:16px;
padding:0 5px;
}


/*既存の拡張クラスを追加するスタイルシート*/

/***下半分のマーカー色（km）***/
.marker-under{
background:linear-gradient(transparent 60%, #FF9 60%);
}


/***バッジ***/
.sankou,
.sanko,
.reffer,
.ref{
color:#fff;
background-color:#f79800!important;
padding:1px 5px !important;
border-radius:2px;
font-size:12px;
}

.sankou:before{
font-family:FontAwesome;
content:"\f046";
}

.sanko:before{
font-family:FontAwesome;
content:"\f07a";
}

/*BOXスタイル*/

/*補足説明*/
.information,
.question,
.alert{
background-color:#fff!important;
padding:0.5em 1em!important;
border-radius:0 10px 10px 10px!important;
margin:54.5px 0 20px !important;
border:solid 2px #00bcd4;
font-size:14px;
}

.information .box-title,
.question .box-title,
.alert .box-title{
position:absolute;
display:inline-block;
top:-29px;
left:23px;
padding:3px 9px 3px 5px;
height:23px;
line-height:23px;
vertical-align:middle;
font-size:15px;
background:#00bcd4;
color:#fff;
font-weight:bold;
border-radius:0 8px 0 0;
}

.information::before,
.question::before{
position:absolute;
display:inline-block;
top:-29px!important;
left:-2px!important;
padding:3px 9px;
height:23px;
line-height:23px;
font-size:15px!important;
background:#00bcd4!important;
color:#fff!important;
font-weight:bold;
border-radius:8px 8px 0 0;
font-family:FontAwesome!important;
}

.alert .box-title{
position:absolute;
display:inline-block;
top:-29px;
left:19px;
padding:3px 9px 3px 3px;
height:23px;
line-height:23px;
vertical-align:middle;
font-size:15px;
background:#00bcd4;
color:#fff;
font-weight:bold;
border-radius:0 8px 0;
}

.alert::before{
position:absolute;
display:inline-block;
top:-29px!important;
left:-2px!important;
padding:3px 9px;
height:23px;
line-height:23px;
font-size:15px!important;
background:#00bcd4!important;
color:#fff!important;
font-weight:bold;
border-radius:8px 8px 0 0;
font-family:FontAwesome!important;
}

.information::before{
content:"\f0f6"' Memo'!important;
}

.question::before{
content:"\f046"' Check!'!important;
}

.alert::before{
content:"\f0eb"' Point'!important;
}

.information ul,
.question ul,
.alert ul{
margin-left:-40px;
}

.information ul ul,
.question ul ul,
.alert ul ul{
}

.information ul li,
.question ul li,
.alert ul li{
list-style:none;
}

.information > ul > li:before{
content: "\f040";
font-family:FontAwesome;
transform:scale(-1,1);
margin-right:7px;
color:#ED7B8C;
}

.question > ul > li:before{
font-family:FontAwesome;
content:"\f00c";
margin-right:7px;
color:#ED7B8C;
}

.alert > ul > li:before{
font-family:FontAwesome;
content:"\f0a4";
margin-right:7px;
color:#ED7B8C;
}

.information p,
.question p,
.alert p{
margin:0;
}



/*ブートストラップ風*/
/*primaryプライマリー(基本）*/
.sp-primary{
background-color:#dbf9f6!important;
color:#332800!important;
border-radius:0!important;
border:none;
font-size:14px;
box-shadow:5px 10px 15px -5px #ccc;
position:relative;
margin:54.5px 0 20px!important;
}

.sp-primary .box-title{
position:absolute;
top:-15px;
left:3em;
background-color:rgba(0,169,192,0.4);
padding:0.2em 1.5em;
color:#fff;
transform:rotate(-2deg);
text-align:center;
}

/*successサクセス*/
.sp-success{
background-color:#fff!important;
border:2px solid #00bcd4!important;
padding:15px 20px 10px!important;
border-radius:10px!important;
margin-top:2.5em!important;
position:relative;
font-size:14px;
}

.sp-success .box-title{
content:" ";
position:absolute;
left:15px;
top:-15px;
font-weight:bold;
color:#008db7;
background:#fff;
font-size:16px;
padding:0 5px;
}
 
.sp-success .box-title:before{
content:" ";
position:absolute;
left:15px;
top:-15px;
font-weight:bold;
color:#008db7;
background:#fff;
font-size:15px;
padding:0 5px;
}

/*infoインフォ*/
.sp-info{
background-color:#f2fffd!important;
border:3px double #84f0ff!important;
border-radius:10px!important;
font-size:14px;
position:relative;
padding:0px 15px!important;
margin-top:2.5em!important;
}

.sp-info .box-title{
background-color:#00bcd4;
border-radius:10px;
color:#fff;
content:'';
padding:3px 10px;
position:absolute;
left:-10px;
top:-20px;
}

.sp-info .box-title:before{
background-color:#00bcd4;
border-radius:8px;
content:'';
color:#fff;
font-size:15px;
padding:3px 10px;
position:absolute;
}

.sp-info .box-title:after{
border-top:12px solid #00bcd4;
border-right:12px solid transparent;
border-left:12px solid transparent;
content: '';
position:absolute;
top:30px;
left:15px;
}

/*warning注意*/
.sp-warning{
background-color:#FCF1F5!important;
border:3px double #F9CFD7!important;
border-radius:10px!important;
font-size:14px;
position:relative;
margin-top:3em!important;
}
.sp-warning:before{
background-color:#ED7B8C;
border-radius:8px!important;
font-family:FontAwesome;
content: "\f071" ' 注意';
color:#fff;
font-size:15px;
padding:3px 10px;
position:absolute;
left:-10px;
top:-20px;
}
.sp-warning:after{
border-top:12px solid #ED7B8C;
border-right:12px solid transparent;
border-left:12px solid transparent;
content: '';
position:absolute;
top:10px;
left:15px;
}

/*danger危険など*/
.sp-danger{
background-color:#FCF1F5!important;
border:3px double#F9CFD7!important;
border-radius:10px!important;
font-size:14px;
position:relative;
margin-top:3em!important;
}

.sp-danger .box-title{
background-color:#ED7B8C;
border-radius:8px;
content:'';
color:#fff;
font-size:15px;
padding:3px 10px;
position:absolute;
left:-10px;
top:-20px;
}

.sp-danger .box-title:before{
background-color:#ED7B8C;
border-radius:8px;
content:'';
color:#fff;
font-size:15px;
padding:3px 10px;
position:absolute;
}

.sp-danger .box-title:after{
border-top:12px solid #ED7B8C;
border-right:12px solid transparent;
border-left:12px solid transparent;
content: '';
position:absolute;
top:30px;
left:15px;
}