/*
Theme Name:Twenty Thirteen
*/

* { margin:0 auto;}
html,body { height:100%; -webkit-text-size-adjust:100%;}

@font-face { font-family: "Custom Yu Gothic"; src: local("Yu Gothic"); font-weight: 300;}
@font-face { font-family: "Custom Yu Gothic"; src: local("Yu Gothic"); font-weight: 500;}
@font-face { font-family: "Custom Yu Gothic"; src: local("Yu Gothic"); font-weight: bold;}
selector { font-family: YuGothic, "Custom Yu Gothic", "Yu Gothic", sans-serif;}

body { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
 font-weight:500; letter-spacing:0.05em; font-size: 15px; }
body .font-m { font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; font-weight:500; }


/** Basic Structure ---------------------------------------------------------------------------- */
.site { margin:0 auto; }
.site:after { content:" "; display:block; clear:both;}

/** Header ---------------------------------------------------------------------------- */
.site-header { width:100%; position:fixed ; background:rgba(255,255,255,0.95); height:80px; z-index:99997 !important; }
.site-header #head { width:98%; max-width:1200px; margin:0 auto; }
.site-title { float:left; margin-left:4px;}
.single-author .site-header {}

@media only screen and (max-width:1199px) {
	.site-header { width:100%; height:60px;}
	.site-title img { height:60px; }
}

/* Navi
---------------------------------------------------------------------- */
#nav-menu { float:right; width:700px; height:80px; margin:0 auto; padding:0; list-style-type:none; }

/* ナビ＆メニュー --- */
#nav-menu ul.nav-m { }
#nav-menu ul.nav-m li { font-size:16px; float:left; margin:25px 0 0 30px; padding:0; text-align:center; color:#8D8D7C; letter-spacing:0em; font-family: 'Carrois Gothic', sans-serif;}
#nav-menu ul.nav-m li img { display:block; margin:0 auto;}
#nav-menu ul.nav-m li a{ display:block; margin:0; padding:0; text-decoration:none; color:#8D8D7C; line-height:1em; letter-spacing:0.1em; }
#nav-menu ul.nav-m li a:hover { color: #626255; text-decoration:underline;}
#nav-menu ul.nav-m li:hover > a{ }
#nav-menu ul li span { font-size:10px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

#nav-s { float:right; z-index:99999 !important; }
#nav-s ul li{ float:left; margin:5px 0 0 10px; }
#nav-s ul li:lastchild { margin-right:0;}

@media only screen and (max-width:960px) {
	#nav-s { margin-right:50px; margin-top:15px;  }
}

/* ===================================================================
 スライド用css
=================================================================== */

body.home #mainvisual { width:100%; overflow: auto; padding-top:80px;}

@media only screen and (max-width: 1259px) {
	#mainvisual img { width:100%;}
	body.home #mainvisual { height:auto; padding-top:60px;}
}

/* FullWide Slider
------------------------------ */
.wideslider { width: 100%; text-align: left; position: relative; overflow: hidden; }
.wideslider ul,
.wideslider ul li { float: left; margin:0; padding:0; display: inline; overflow: hidden;}
.wideslider ul li img { width: 100%; display: none;}
.wideslider_base { top: 0; position: absolute;}
.wideslider_wrap { top: 0; position: absolute; overflow: hidden;}
.slider_prev,
.slider_next { top: 0; overflow: hidden; position: absolute; z-index: 100; cursor: pointer;}
.slider_prev { }
.slider_next { }
.pagination { bottom: 15px; left: 0; width: 100%; height: 15px; text-align: center; position: absolute; z-index: 400;}
.pagination a { margin: 0 5px; display: inline-block; overflow: hidden;  background: #fff; text-indent: -9999px;
 width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px;}
.pagination a.active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}
/* ClearFixElements  */
.wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden;}
.wideslider ul { display: inline-block; overflow: hidden;}
.wideslider a:hover img { opacity:1; filter: alpha(opacity=100);}


/* コンテンツ
---------------------------------------------------------------------- */
.site-main { clear:both; }
.site-main .content-area { float:none; width:100%; }
.site-main .site-content { clear:both; width:100%; float:none; }
.site-main .content-area:after,
.site-main .site-content:after { content:" "; display:block; clear:both;}

@media only screen and (max-width:640px) {
	.site-main { clear:both; width:100%; margin-left:auto; margin-right:auto; padding:0; }
	.site-main .content-area { float:none; width:100%; }
	a.tel { text-decoration:underline; }
}

/* サイドバー有り
---------------------------------------------------------------------- */
.sidebar .site-main { width:100%; max-width:1200px; margin:0 auto; }
.sidebar .site-main .content-area { float:left; width:80%; margin-top:30px; }
.sidebar .site-main .sidebar-container { width:16.666666666666664%; float:right; margin-top:30px; z-index: 1;}
.sidebar .site-main .sidebar-inner { margin: 0 auto; }
.sidebar .site-main .widget-area { float: right; }
.sidebar .site-main .widget-area a { }
.sidebar .site-main .widget-area a img{ opacity:0.7; filter: alpha(opacity=70);}
.sidebar .site-main .widget-area a:hover img{ opacity:1; filter: alpha(opacity=100);}

@media only screen and (max-width:960px) {
	.sidebar .site-main .content-area { float:none; width:100%; margin:30px auto 0 auto; }
	.sidebar .site-main .sidebar-container { width:96%; max-width:360px; float:none; margin:30px auto 0 auto; }
	.sidebar .site-main .widget-area { float: none; margin:0 auto; }
}

.widget {
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	margin: 0 0 24px;
	padding:21px 16px;

    border: 1px solid #DDD;
	border-right:none;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;  
	
	box-shadow:1px 1px 3px #DDD;
	-moz-box-shadow: 1px 1px 3px #DDD;　/* Firefox用 */
	-webkit-box-shadow: 1px 1px 3px #DDD;　/* Safari,Google Chrome用 */ 
}

.widget .widget-title { margin: 0 0 10px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing:0.12em; text-align:center; font-weight: normal; color:#888572; font-size:17px; }
.widget ul{ list-style-type: none; margin: 0; padding: 0;}

.widget li { font-size:16px; padding: 10px 0 2px 12px; background:url(images/widget_oya.png) no-repeat left 13px; line-height:1;}

.widget .children li:last-child { padding-bottom: 0;}
.widget li > ul { margin-left: 0;}
.widget li > ul li { font-size:15px; background:url(images/widget_ko.png) no-repeat left 13px; padding: 10px 0 2px 10px; }
.widget li > ul li ul li { font-size:14px; background:url(images/widget_mago.png) no-repeat left 13px; padding: 10px 0 2px 9px; }
.widget a { text-decoration:none;}
.widget a:hover { color: ;}

/* パンくずリスト ------------------ */
.pankuzu { clear:both; max-width:1200px; margin:0 auto; padding:8px 0 10px 0; font-size:11px; color:#777; }
.pankuzu:after { content:" "; display:block; clear:both;}
.pankuzu a { color:#777; text-decoration:underline; }


/* ===================================================================
 TOPコンテンツ
=================================================================== */

.home h2 { font-size:37px; font-family: 'Cinzel', serif; letter-spacing:0.12em; line-height:0.7em; text-align:center; font-weight:500; color:#888572; margin-bottom:20px; }
.home h2 span { font-size:14px; color:#6C666C; letter-spacing:0.1em; font-weight: bold; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }
@media only screen and (max-width:960px) {
	.home h2 { font-size:25px; letter-spacing:0; word-wrap: break-word; }
	.home h2 span { font-size:13px; letter-spacing:0;}
}

@media only screen and (max-width:400px) {
	.home h2 { font-size:20px; letter-spacing:0; }
	.home h2 span { font-size:13px; letter-spacing:0;}
}

.home .link-bt a { text-decoration:none;}
.home .link-bt a:hover { text-decoration: underline; opacity:0.8; filter: alpha(opacity=80);}

/* NEWS ------ */
#top-news { width:100%; max-width:1200px; margin:0 auto; padding:90px 0; text-align:center; }
#top-news h2 { float:left; width:170px; text-align:left; padding-top:10px; }
#top-news dl { float:left; width:60%; margin:0 auto 40px auto; border-left:1px solid #DDDDDD; text-align:left; }
#top-news dl:after { content:" "; display:block; clear:both;}
#top-news dl dt { display: block; width:170px; clear:left; float:left; padding:8px 0 6px 40px; color:#AAA; font-weight: bold; }
#top-news dl dd { display: block; margin-left:170px; padding:8px 0 6px 0; text-align:left; color:#333; }
#top-news .link-bt { float:right; margin:0; }
#top-news .link-bt a { text-align:center; padding:5px 40px 5px 35px; background:#EFEFEF url(images/ico_arrow_s.png) no-repeat right 10px top 50%; color:#6C666C; letter-spacing:0.2em; }
#top-news a { text-decoration:none;}
#top-news a:hover { text-decoration: underline;}

@media only screen and (max-width:1199px) {
	#top-news { width:96%; padding-top:50px; }
}

@media only screen and (max-width:960px) {
	#top-news { padding:50px 0; }
	#top-news h2 { width:22%; }
	#top-news dl { width:77%; }
	#top-news dl dt {  }
	#top-news dl dd { }
	#top-news .link-bt  { float:none; width:100%; margin:0 auto; text-align:center;}
}

@media only screen and (max-width:640px) {
	#top-news h2 { float:none; width:100%; border-bottom:1px solid #DDDDDD; margin-bottom:15px; padding-bottom:10px; }
	#top-news dl { float:none; width:100%; margin:0 0 15px 0; border-left:none;}
	#top-news dl dt { float:none; width:100%; padding:3px 0 3px 5px; }
	#top-news dl dd { float:none; margin-left:0; padding:0 0 5px 5px;}
}

/* Wedding ------ */
#top-wedding { clear:both; width:100%; height:560px; margin:0 auto; padding:0; text-align:center; background:#F2F2F1 url(images/top_wedding_bg.jpg) no-repeat right top ; }
#top-wedding .boxL { float:left; width:50%; margin:0; padding:150px 0 0 0;}
#top-wedding h2 { font-size:37px; margin-bottom:60px; }
#top-wedding p { line-height:1.75; }
#top-wedding .link-bt { margin:50px auto 20px auto; }
#top-wedding .link-bt a { text-align:center; padding:18px 100px; background:#FFF url(images/ico_arrow_l.png) no-repeat right 10px top 50%; color:#6C666C; letter-spacing:0.2em; }
#top-wedding:after { content:" "; display:block; clear:both;}

@media only screen and (max-width:1199px) {
	#top-wedding { background-size:contain; height:auto; }
	#top-wedding .boxL { float:left; width:70%; margin:0;  padding:30px 0 20px 0;}
	#top-wedding h2 { margin-bottom:30px; }
}

/* DISPLAY ------ */
#top-display { clear:both; width:100%; height:560px; margin:0 auto; padding:0; text-align:center; background:#fff url(images/top_display_bg.jpg) no-repeat left top ; }
#top-display .boxR { float:right; width:50%; margin:0; padding:150px 0 0 0;}
#top-display h2 { font-size:37px; margin-bottom:60px; }
#top-display p { line-height:1.75; }
#top-display .link-bt { margin:50px auto 20px auto; }
#top-display .link-bt a { text-align:center; padding:18px 100px; background:#F2F2F1 url(images/ico_arrow_l.png) no-repeat right 10px top 50%; color:#6C666C; letter-spacing:0.2em; }
#top-display:after { content:" "; display:block; clear:both;}

@media only screen and (max-width:1199px) {
	#top-display {  background-size:contain; height:auto; }
	#top-display .boxR { float:right; width:70%; margin:0; padding:30px 0 20px 0;}
	#top-display h2 { margin-bottom:30px; }
}


@media only screen and (max-width:960px) {
	#top-wedding { clear:both; width:100%; height: auto; margin:0 auto; padding:0; text-align:center;
	 background:#F2F2F1 url(images/top_wedding_bg.jpg) no-repeat center 15px ; background-size: auto 120px; }
	#top-display { clear:both; width:100%; height: auto; margin:0 auto; padding:0; text-align:center;
	 background:#fff url(images/top_display_bg.jpg) no-repeat center 15px ; background-size: auto 120px; }
	#top-wedding .boxL,
	#top-display .boxR { float:none; width:96%; margin:0 auto;  padding:150px 0 20px 0;}
	#top-wedding br,
	#top-display br { display: none; }
	#top-wedding h2,
	#top-display h2 { font-size:25px; margin-bottom:15px;}
	#top-wedding p,
	#top-display p { font-size:14px; line-height:1.5; }
	#top-wedding .link-bt,
	#top-display .link-bt { margin:30px auto 10px auto; }
	#top-wedding .link-bt a,
	#top-display .link-bt a { padding:12px 30px 12px 20px; letter-spacing:0.02em;}
}



/* LESSON SCHOOL OTHER ------ */
#top-etc { clear:both; width:100%; margin:0 auto; padding:90px 0; background:#F2F2F1; }
#top-etc:after { content:" "; display:block; clear:both;}

/* LESSON SCHOOL ------ */
#top-ls { width:1200px; margin-bottom:60px; }
#top-ls:after { content:" "; display:block; clear:both;}

#top-lesson { float:left; width:51.6%; margin:0 auto; padding:0; }
#top-lesson:after { content:" "; display:block; clear:both;}
#top-lesson .top-lesson-box { width:100%; background:#fff; padding:4.8%;}
#top-lesson .top-lesson-box h3 { text-align:left; border-bottom:1px solid #A6A3A6; font-size:20px; padding-bottom:5px; margin-bottom:15px;}
#top-lesson .top-lesson-box h3 a { text-decoration:none;}
#top-lesson .top-lesson-box h3 a:hover {}
#top-lesson .top-lesson-box .photo { float:left; width:40%; text-align:center;}
#top-lesson .top-lesson-box .photo img { }
#top-lesson .top-lesson-box .txt { float:right; width:55%; }
#top-lesson .top-lesson-box ul.student { margin-bottom:15px;}
#top-lesson .top-lesson-box ul.student li { float:left; margin-right:5px; margin-bottom:2px;}
#top-lesson .top-lesson-box ul.student li:last-child { margin-right:0;}
#top-lesson .top-lesson-box p { clear:both;}
#top-lesson:after,
#top-lesson .top-lesson-box:after,
#top-lesson .top-lesson-box ul.student:after { content:" "; display:block; clear:both;}

#top-school { float:right; width:41.6%; margin:0 auto; padding:0; text-align:center; }
#top-school:after { content:" "; display:block; clear:both;}
#top-school p { text-align:left; }
#top-school img { margin-bottom:15px; }
#top-school .link-bt { margin:50px auto 0 auto; text-align:center; }
#top-school .link-bt a { text-align:center; padding:18px 100px; background:#FFF url(images/ico_arrow_m.png) no-repeat right 10px top 50%; color:#6C666C; letter-spacing:0.2em; }

@media only screen and (max-width:1199px) {
	#top-ls { width:96%;}
}


@media only screen and (max-width:640px) {
	#top-etc { padding: 50px 0 40px 0;  }
	#top-lesson,
	#top-school { clear:both; float:none; width:100%; height:auto; margin-bottom:40px; }
	.home #top-lesson h2,
	.home #top-school h2 { font-size:27px; line-height:0.8em; }
	#top-lesson .top-lesson-box h3 { font-size:18px; }
	#top-lesson .top-lesson-box .photo,
	#top-lesson .top-lesson-box .txt { height:auto; }
	#top-lesson .top-lesson-box .photo img { padding-bottom:10px;}

	#top-school { padding:4.8%;}
	#top-school .photo{ float:left; width:40%; }
	#top-school .txt { float:right; width:55%; }

	#top-school .link-bt {margin:20px auto 10px auto; }
	#top-school .link-bt a { padding:10px 30px 10px 20px; letter-spacing:0.02em;}


}

/* OTHER ------ */
#top-other { clear:both; width:100%; max-width:1200px; text-align:center; }
#top-other:after { content:" "; display:block; clear:both;}
#top-other p { text-align:left; }
#top-other a { text-decoration:none; display:block; }

#top-arrange,
#top-welcome,
#top-faq { width:32.5%; float:left; margin-right:1.25%; }
#top-faq { margin-right:0; }
#top-arrange img,
#top-welcome img,
#top-faq img { margin:0 auto 20px auto; }

@media only screen and (max-width:640px) {
	#top-other p { font-size:13px; line-height:1.35; letter-spacing:0.05em; }
}



/* INSTAGRAM ------ */
#instagram { clear:both; width:100%; max-width:1200px; margin:0 auto; padding:90px 0; text-align:center; background:#FFF; color:#000; }
#instagram:after { content:" "; display:block; clear:both;}
#instagram h2 { max-width:100%; width:260px; min-height:50px; font-size:37px; margin:0 auto; padding:15px 0 0 55px; background:url(images/ico_insta.png) no-repeat left 13px; text-align:left; }
#instagram .link-bt { width:100%; text-align:right; margin:-40px auto 60px auto; }
#instagram .link-bt a { text-align:center; padding:12px 80px; background:#FFF url(images/ico_arrow_g.png) no-repeat right 10px top 50%; border:1px solid #DEDEDA; color:#91CC18; font-size:18px; font-weight:bold; }

#instagram ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-left: -20px; margin-bottom:20px;}
#instagram li { -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 100%; margin-left: 20px; -webkit-transition: width 0.5s ease-out; transition: width 0.5s ease-out;}
#instagram li img { margin-bottom:8px;}
#instagram p { max-width:380px; margin:0 auto; padding:0; text-align:left; }

@media only screen and (max-width:1199px) {
	#instagram { clear:both; width:96%; }
	#instagram .link-bt a { padding:12px 40px; }
}
@media only screen and (max-width:960px) {
	#instagram { padding:40px 0; }
	#instagram h2 { margin-bottom:20px; font-size:30px; background-size: 30px auto; padding:8px 0 0 40px; background:url(images/ico_insta.png) no-repeat left 5px; }
	#instagram .link-bt { clear:both; margin:0 auto 60px auto; text-align:center; }
}

@media only screen and (max-width:640px) {
	#instagram ul { flex-wrap: wrap; margin: 0 auto; }
	#instagram li { width: 46%; margin-left: 2%; margin-right:2%; margin-bottom:10px;}

}



/* SHOP ------ */
#top-shop-area { width:100%; background:url(images/top_shop_bg.jpg) no-repeat center top; padding:67px 0 73px 0; }
#top-shop { width:1200px; }
#top-shop:after { content:" "; display:block; clear:both;}

#top-shop .boxL { float:left; width:47%; margin:0; padding:0;}
#top-shop .boxR { float:right; width:50%; margin:0; padding:20px 0 0 0;}
#top-shop h2 { font-size:37px; margin-bottom:44px; }
#top-shop p { line-height:1.75; letter-spacing:0.15em;}
#top-shop .link-bt { margin:60px auto 80px auto; text-align:center; }
#top-shop .link-bt a { text-align:center; padding:16px 100px; background:#F2F2F1 url(images/ico_arrow_l.png) no-repeat right 10px top 50%; color:#6C666C; letter-spacing:0.2em; }

#top-shop .top-add { border:1px solid #fff; padding:20px 20px 10px 20px; color:#666;}
#top-shop .top-add h3 { font-size:18px; font-weight:bold; margin-bottom:0.5em; }
#top-shop .top-add p { font-size:14px; line-height:1.75; letter-spacing:0.07em; margin:0; padding:0; }
#top-shop .top-add:after { content:" "; display:block; clear:both;}

@media only screen and (max-width:1199px) {
	#top-shop { width:96%; }
}

@media only screen and (max-width:960px) {
	#top-shop-area { padding:40px 0 30px 0; }
	#top-shop h2 { font-size:20px; margin-bottom:10px; }
	#top-shop .link-bt { margin:30px auto 30px auto; text-align:center; }
}

@media only screen and (max-width:640px) {
	#top-shop-area { width:100%; background:url(images/top_shop_bg.jpg) no-repeat center top; background-size:auto 100%; }
	#top-shop .boxL { float:none; width:100%; max-width:180px; margin:0 auto; padding:0;}
	#top-shop .boxR { float:none; width:100%; margin:0 auto; padding:10px 0 0 0;}
	#top-shop .link-bt a { padding:12px 35px 12px 20px; }
	#top-shop p { font-size:14px; line-height:1.5; letter-spacing:0.05em; }
}



/* ===================================================================
 内部コンテンツ
=================================================================== */

/* タイトル ---------- */
.page .title-bar,
.single .title-bar,
.archive .title-bar,
.error404 .title-bar,
.search .title-bar { height:360px; text-align:center;}

.single-post .title-bar,
.category-news .title-bar { background:url(images/title_news.jpg) no-repeat center 80px; }
.post-gallery .title-bar,
.category-gallery .title-bar { background:url(images/title_gallery.jpg) no-repeat center 80px; }
.single-lesson .title-bar,
.post-type-archive-lesson .title-bar { background:url(images/title_lesson.jpg) no-repeat center 80px; }
#page-about .title-bar { background:url(images/title_about.jpg) no-repeat center 80px; }
#page-wedding .title-bar { background:url(images/title_wedding.jpg) no-repeat center 80px; }
#page-display .title-bar { background:url(images/title_display.jpg) no-repeat center 80px; }
#page-flower .title-bar { background:url(images/title_flower.jpg) no-repeat center 80px; }
#page-school .title-bar { background:url(images/title_school.jpg) no-repeat center 80px; }
#page-first .title-bar { background:url(images/title_first.jpg) no-repeat center 80px; }
#page-faq .title-bar { background:url(images/title_faq.jpg) no-repeat center 80px; }
#page-privacy .title-bar { background:url(images/title_privacy.jpg) no-repeat center 80px; }
.error404 .title-bar,
.search .title-bar { background:url(images/title_gallery.jpg) no-repeat center 80px; }

.page h2.page-title,
.single h2.page-title,
.archive h2.page-title,
.error404 h2.page-title,
.search h2.page-title { font-size:38px; color:#898673; padding-top:200px; letter-spacing:0.15em; font-weight: normal;
text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 0.5px #fff;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }

@media only screen and (max-width:640px) {
	.page .title-bar,
	.single .title-bar,
	.archive .title-bar,
	.error404 .title-bar,
	.search .title-bar { height:280px; text-align:center; }
	#product .title-bar { background-size: auto 200px; }

	.page h2.page-title,
	.single h2.page-title,
	.archive h2.page-title,
	.error404 h2.page-title,
	.search h2.page-title { font-size:30px; padding-top:165px; line-height:1; }
	
	#page-default h2.page-title { font-size:25px; color:#FFF; padding-top:160px;}
}


/* 見出し ---------- */
.page h3 { font-size:37px; font-family: 'Cinzel', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing:0.12em; line-height:0.7em; 
text-align:center; font-weight: normal; color:#888572; margin-bottom:60px; }
.page h3 span { font-size:14px; color:#6C666C; letter-spacing:0.1em; font-weight: bold; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }
.page h3 small { font-size:20px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing:0.12em; line-height:0.7em; text-align:center; font-weight: normal; color:#888572; line-height:1.5em;}

.page h4 { margin:40px auto; font-size:26px; font-weight: 500; text-align:center; letter-spacing:0.15em; font-family: 'Carrois Gothic', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; color:#888572;}
.page h4 { overflow: hidden; text-align: center;}
.page h4 span { position: relative; display: inline-block; margin: 0 2.5em; padding: 0 1em; text-align: left;}
.page h4 span::before,
.page h4 span::after { position: absolute; top: 50%; content: ''; width: 60%; height: 1px; background-color: #AAA;}
.page h4 span::before { right: 100%;}
.page h4 span::after { left: 100%;}

@media only screen and (max-width:960px) {
	.page h3 { font-size:32px; margin-bottom:30px; line-height:0.9;}
	.page h4  { font-size:22px; }
	.page h4 span { margin: 0 1.5em; padding: 0 0.5em; }
}

.page em { font-style:normal; color:#699;}
.page .box p { line-height:1.5;}

.hentry { padding:0; margin-bottom:60px;}
.hentry:after { content:" "; display:block; clear:both;}

@media only screen and (max-width:640px) {
	.hentry { margin-bottom:0;}
}

.entry-header,
.entry-content { max-width:100%; margin:0 auto; }

/* エリア ---------- */
.area { clear:both; width:100%; padding:60px 0; }
.area:after { content:" "; display:block; clear:both;}

.area-g { clear:both; width:100%; padding:60px 0; background:#F2F2F1; }
.area-g:after { content:" "; display:block; clear:both;}

/* グループリンク */
.gr { cursor:pointer; }
.gr:hover { opacity:0.8; filter:alpha(opacity=80);}
.gr:hover img { opacity:0.8; filter:alpha(opacity=80);}

/* 番号リスト ------------------- */	
#main ol{ margin-left:18px; padding-left:10px;}
#main ol li{ }

/* BOX ---------- */
.box { clear:both; max-width:1200px; margin:0 auto; }
.box:after { content:" "; display:block; clear:both;}

.boxL { float:left; width:50%; margin:0; }
.boxR { float:right; width:50%; margin:0; }
.boxL:after,
.boxR:after { content:" "; display:block; clear:both;}

@media only screen and (max-width:1199px) {
	.box { width:96%; }
}

@media only screen and (max-width:640px) {
	.box { }
}


/* BOXデザインマル付 ---------- */
.waku1{ width:100%; max-width:1200px; margin:0 auto; position: relative; padding: 30px; border: 1px solid #C8C6BE; border-radius: 0 3px;}
.waku1:before,
.waku1:after { content: ''; position: absolute; width:12px; height: 12px; border: solid 1px #B8B6AB; border-radius: 50%;}
.waku1:after { top:-11px; left:-11px; display:block; clear:both;}
.waku1:before { bottom:-11px; right:-11px;}

/* BOXデザイン歪みライン ---------- */
.waku2{ width:100%; max-width:1200px; border: 3px solid #CFCEC7; border-radius: 230px 15px 185px 15px / 15px 230px 15px 185px; margin: 2em auto; padding: 30px;}

/* BOXデザイン歪みラインマル付 ---------- */
.waku3{ width:100%; max-width:1200px; margin:0 auto; position: relative; padding: 30px; 
    border: 2px solid #E7E6E2;
    border-radius: 250px 12px 120px 12px / 12px 250px 12px 120px;
}
.waku3:before,.waku3:after
{ content: ''; position: absolute; width:12px; height: 12px; border: solid 1px #B8B6AB; border-radius: 50%;}
.waku3:after { top:-1px; left:-11px;}
.waku3:before { bottom:-1px; right:-11px;}

.hyou { width:100%; max-width:1200px; margin:0 auto 40px auto; padding:0; }
.hyou dl { width: 100%; border: 1px solid #999; border-top: none; background-color: #F9F9F9;}
.hyou dt { padding: 15px; color:#555; border-top: 1px solid #999; clear: left; float: left; width: 23%; }
.hyou dd { background: #fff; padding: 15px; border-left: 1px solid #999; border-top: 1px solid #999; margin-left: 23%;}

@media only screen and (max-width:639px){
	.hyou { width: 96%;}
	.hyou dl { width:100%; background: #EEE; border: 1px solid #999; border-top: none;  }
	.hyou dt { clear:none; float: none; width: 100%; }
	.hyou dd { margin-left: 0; border-left: none;}
}

table { width:100%; max-width:1200px; margin:0 auto; padding:0; border-collapse:collapse; }
table th { background: #F9F9F9; }
table td { background: #fff; }
table th,
table td { padding: 15px; border: 1px solid #999; }

@media only screen and (max-width:639px){
}

/* リンクボタン ---------- */
.page .link-bt { margin:50px auto 18px auto; text-align:center;}
.page .link-bt a { text-decoration:none; text-align:center; padding:18px 100px; background:#91CC18 url(images/ico_arrow_w.png) no-repeat right 10px top 50%; color:#fff; letter-spacing:0.2em; }
.page .link-bt a:hover { text-decoration: underline; opacity:0.8; filter: alpha(opacity=80);}
@media only screen and (max-width:1199px) {
	.page .link-bt a { padding:12px 40px; }
}

/* ページのキャッチBOX */
.page .catch { width:100%; max-width:1200px; margin:0 auto 60px auto; padding: 0; border: 1px solid #C8C6BE; border-radius: 0 3px;
 position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.page .catch:before,
.page .catch:after { content: ''; position: absolute; width:12px; height: 12px; border: solid 1px #B8B6AB; border-radius: 50%;}
.page .catch:after { top:-11px; left:-11px; display:block; clear:both;}
.page .catch:before { bottom:-11px; right:-11px;}
.page .catch .item { -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 50%; -webkit-transition: width 0.5s ease-out; transition: width 0.5s ease-out;}
.page .catch .catch-txt { padding:60px 0 0 60px;}
.page .catch .catch-txt h3 { font-size:26px; margin-bottom:40px; line-height:1.5; letter-spacing:0.2em;}
.page .catch .catch-img { text-align:right;}
@media only screen and (max-width:1199px) {
	.page .catch { width:96%; }
}
@media only screen and (max-width:960px) {
	.page .catch { flex-wrap: wrap;}
	.page .catch .item { width: 100%; }
	.page .catch .catch-txt { padding:40px 20px;}
}

/* ページの写真アルバムBOX */
.page .album { width:1200px; margin:0 auto; }
.page .album ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-left: -20px; margin-bottom:20px;}
.page .album li { -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 100%; margin-left: 20px; -webkit-transition: width 0.5s ease-out; transition: width 0.5s ease-out;}
.page .album li img { margin-bottom:8px;}
.page .album p { max-width:380px; margin:0 auto; padding:0; text-align:left; }
@media only screen and (max-width:1199px) {
	.page .album { width:96%; }
}
@media only screen and (max-width:960px) {
	.page .album ul { flex-wrap: wrap;}
	.page .album li { text-align:center; margin-bottom:10px; }
}

/* ページのflex-box基本（枠付　20px余白） */
.flex-box .item { border:1px solid #D1D8D8; text-align:center; }
@media only screen and (min-width:960px){
.flex-box { margin-left:-20px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.flex-box .item { -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 100%; margin-left: 20px;  }
.flex-box .item p { text-align:left; }
}
@media only screen and (max-width:1199px) {
	.flex-box { max-width:96%; margin:0 auto 10px auto; }
}
@media only screen and (max-width:960px) {
	.flex-box { flex-wrap: wrap; margin:0 auto 10px auto;}
	.flex-box .item { margin:0 auto 10px auto; }
}


/* 店舗紹介
---------------------------------------------------------------------- */

#page-about h4 { margin-bottom:60px;}

#page-about .greeting { background:url(images/about_gaikan.jpg) no-repeat right bottom; font-size:16px; padding:60px 0 40px 0; }
#page-about .greeting .txt { padding:15px 360px 0 70px;}

@media only screen and (max-width:960px){
	#page-about .greeting { background-size:320px;}
	#page-about .greeting .txt { padding:15px 230px 0 50px;}
}

@media only screen and (max-width:640px){
	#page-about .greeting { padding:60px 0 280px 0; background-size:320px;}
	#page-about .greeting .txt { padding:0 10px;}
}

#page-about .map { width:42%; float:right; text-align:right;}
#page-about .box .hyou { width:55%; float:left; }
#page-about .box .hyou dl { margin:0; padding:0;}

@media only screen and (max-width:640px){
	#page-about .map { width:90%; height:350px; float:none; text-align:right; margin:0 auto 10px auto;}
	#page-about .map iframe { height:320px; }
	#page-about .box .hyou { width:100%; float:none; }
}


#page-about .booth { width:100%; max-width:1200px; text-align:center; }
#page-about .booth ul li { width:33.33333%; float:left; text-align:center; margin-bottom:15px; }
#page-about .booth ul li img { margin:0 auto 5px auto; }

@media only screen and (max-width:640px){
	#page-about .booth  { width: 96%;}
	#page-about .booth ul li { width:100%; float:none; margin-bottom:10px; }
	#page-about .booth ul li img {  }
}


#page-about .history { width:100%; max-width:1200px; margin:0 auto 40px auto; padding:0; }
#page-about .history dl { width:100%; border-bottom: 1px solid #999; }
#page-about .history dt { padding: 15px; color:#555; border-top: 1px solid #999; clear: left; float: left; width: 20%; }
#page-about .history dd { padding: 15px; border-top: 1px solid #999; margin-left: 20%;}

@media only screen and (max-width:640px){
	#page-about .history  { width: 96%;}
	#page-about .history dl { width:100%; border-bottom: 1px solid #999; }
	#page-about .history dt { clear:none; float: none; width: 100%; }
	#page-about .history dd { margin-left: 0; border-left: none; border-top: 1px dotted #DDD; }
}



/* ウェディング
---------------------------------------------------------------------- */
#page-wedding .counseling { margin-bottom:25px;}
#page-wedding .counseling img { float:right; margin-left:1em;}

#page-wedding .catch ul{ margin-bottom:1em; }
#page-wedding .catch li{ margin-bottom:0.5em; text-indent:-1em; margin-left:1em; }
#page-wedding .catch li:before { content: "※";}

#page-wedding .link-wedding { clear:both; width:100%; max-width:1200px; margin:0 auto; padding:50px 0;}
#page-wedding .link-wedding:after { top:-11px; left:-11px; display:block; clear:both;}
#page-wedding .link-wedding ul {  width:100%; }
#page-wedding .link-wedding ul li { width:50%; float:left; text-align:center; margin-bottom:15px; }
#page-wedding .link-wedding ul li a { width:300px; margin:0 auto; padding:10px ; color:#6C666C; display:block; letter-spacing:0.2em; text-decoration:none; }
#page-wedding .link-wedding ul li a:hover { text-decoration: underline; opacity:0.8; filter: alpha(opacity=80);}

#page-wedding .link-wedding ul li.link-wed-g a { background:#F2F2F1 url(images/ico_gallery.png) no-repeat left 20% top 50%;}
#page-wedding .link-wedding ul li.link-wed-i a { background:#F2F2F1 url(images/ico_insta.png) no-repeat left 18% top 50%;}

@media only screen and (max-width:639px){
	#page-wedding .link-wedding { padding:30px 0 10px 0;}
	#page-wedding .link-wedding ul li { width:100%; float:none; text-align:center; margin-bottom:15px; }
}


/* フラワーアレンジメント
---------------------------------------------------------------------- */
#page-flower .box .hyou { width:100%; float:none; }



/* 資格取得・スクール
---------------------------------------------------------------------- */

#page-school .anc-link { width:100%; max-width:1200px; margin:0 auto; padding:50px 0 0 0;}
#page-school .anc-link ul { padding:0 30px; }
#page-school .anc-link ul li { display:inline-block; margin-right:50px;}
#page-school .anc-link ul li:last-child { margin-right:0;}

#page-school .waku1 { margin-bottom:60px; padding: 60px 0 0 0;}
#page-school .waku1 .box { padding:0 30px 30px 30px;}

#page-school h3 {}
#page-school h5 { margin:0 0 17px 0; padding:0 0 5px 0; font-weight: bold; font-size:17px; line-height:1.3; color: #6D666D; border-bottom:1px solid #DCDADC; text-align:left; }

#page-school .entry-content ul { margin-bottom:1em; }
#page-school .entry-content ul li { position: relative; left:1em; text-align:left; margin-top:0.2em; margin-bottom:0.2em;}
#page-school .entry-content ul li::after { display: block; content: ''; position: absolute; top: .5em; left: -1em; width: 6px; height: 6px;
 background-color: #7DB4BD; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
 
#page-school .entry-content dd,
#page-school .entry-content dt { text-align:left;}
 
.sch-catch { width:100%; margin:0 auto; padding:0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.sch-catch .item { -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 50%; }
.sch-catch .sch-catch-txt { padding:60px 0 0 60px;}
.sch-catch .sch-catch-txt h3 { font-size:26px; margin-bottom:40px; line-height:1.5; letter-spacing:0.2em;}
.sch-catch .sch-catch-img { text-align:right; padding:0;}
@media only screen and (max-width:1199px) {
	.sch-catch { width:96%; }
}
@media only screen and (max-width:960px) {
	.sch-catch { flex-wrap: wrap;}
	.sch-catch .item { width: 100%; }
	.sch-catch .sch-catch-txt { padding:40px;}
}
 
.sch-level { clear:both; width:100%; max-width:1200px; margin:60px auto 50px auto; padding:0; }
.sch-level:after { content:" "; display:block; clear:both;}
.sch-level h4 { margin:0 0 17px 0; padding:0 0 5px 0; font-weight: bold; font-size:17px; line-height:1.3; color: #6D666D; border-bottom:1px solid #DCDADC; text-align:left; }
.sch-level .flex-box { margin-bottom:0;}
.sch-level .flex-box .item { padding:20px; padding-bottom:10px; margin-bottom:10px; text-align:center;}
.sch-level .flex-box .item img { margin:0 auto 16px auto; text-align:center;}
.sch-level .flex-box .item h4 { font-size:17px;}
.sch-level .flex-box .item em { letter-spacing:0; color: #6D666D;  }
.sch-level .flex-box .item p { max-width:380px; margin:0 auto; text-align:left; }

#page-school .sch-flowbox { clear:both; width:100%; max-width:1200px; margin:0 auto; padding:0; }
#page-school .sch-flowbox:after { content:" "; display:block; clear:both;}
#page-school .sch-flowbox h5 { margin:0 0 17px 0; padding:0 0 5px 0; font-weight: bold; font-size:17px; line-height:1.3; color: #6D666D; border-bottom:1px solid #DCDADC; text-align:left; }
#page-school .sch-flow { clear:both; width:100%; max-width:1200px; padding:20px; text-align:center; border:1px solid #D1D8D8; }
#page-school .sch-flow:after { content:" "; display:block; clear:both;}
#page-school .sch-flowbox .flex-box .item { margin-left: 15px; padding-bottom:10px; }
#page-school .sch-flow img { margin-bottom:5px;}
#page-school .sch-flow p { text-align:left;}

#page-school .sch-flowbox .flex-box .arrow {  position: relative; width: 67px; height: 28px; border:none; border-top: 7px dotted #A2A294; box-sizing: border-box;
	 margin:150px 0 0 2px; padding:0; text-indent:-9999px; }
#page-school .sch-flowbox .flex-box .arrow::after{ content: ""; position: absolute; top: -17px; right: -14px;
	 border-top: 14px solid transparent; border-left:14px solid #A2A294; border-bottom: 14px solid transparent; border-right: 0;}

#page-school .arrow2{ position: relative; width: 50.3%; height: 26px; border-right: 7px dotted #A2A294; box-sizing: border-box;
 margin:0 0 25px 0; padding:0; text-indent:-9999px; }
#page-school .arrow2::after{ content: ""; position: absolute; bottom: -14px; right: -17px;
 border-top: 14px solid #A2A294; border-left: 14px solid transparent; border-right: 14px solid transparent;}
 
@media only screen and (max-width:960px){
	#page-school .sch-flowbox .flex-box .arrow { position: relative; width: 50%; height: 26px; border-top:none; border-right: 7px dotted #A2A294; box-sizing: border-box;
	 margin:0 0 18px 0; padding:0; text-indent:-9999px; }
	#page-school .sch-flowbox .flex-box .arrow::after{ content: ""; position: absolute; top: auto; bottom: -14px; right: -17px;
	 border-top: 14px solid #A2A294; border-left: 14px solid transparent; border-bottom:0 solid transparent; border-right: 14px solid transparent;}
	#page-school .arrow2{ position: relative; width: 50.3%; }
}

#page-school .sch-license { clear:both; width:100%; margin:25px auto 0 auto ; padding:0;}
#page-school .sch-license:after { content:" "; display:block; clear:both;}

#page-school .sch-license .flex-box .item { padding:20px; padding-bottom:10px; margin-bottom:15px; border:none; text-align:center; border:3px solid #FCE7E7;}
#page-school .sch-license .flex-box h4 { font-size:18px; color:#C94E4E; border-bottom:1px solid #F8C0C0; letter-spacing:0.07em; text-align:left; font-weight:bold; margin:0 0 15px 0; }
#page-school .sch-license .flex-box .item img { margin:0 auto 10px auto; text-align:center;}
#page-school .sch-license .flex-box p { max-width:380px; margin:0 auto; text-align:left; padding:0 20px; }
#page-school .sch-license .flex-box ul li::after { background-color: #F8C0C0; }

#page-school .sch-ffa { margin-top:55px;}
#page-school .sch-ffa h4 { margin-bottom:30px;}
#page-school .sch-ffa img { float:right;}
#page-school .sch-ffa .boxL { width:65%; float:left; margin-right:20px; }
#page-school .sch-ffa dl dt { margin:0 0 18px 0; padding:0 0 5px 12px; font-weight: bold; font-size:18px; line-height:1.3; color: #6D666D; border-left:5px solid #A39EA3; border-bottom:1px solid #DCDADC; text-align:left; }
#page-school .sch-ffa dl dd { margin:0 0 35px 0;  }

@media only screen and (max-width:960px){
	#page-school .sch-ffa { text-align:center;}
	#page-school .sch-ffa img { float:none; margin:0 auto 15px auto; text-align:center;}
	#page-school .sch-ffa .boxL { width:100%; float:none; margin:0 auto; }
}

#page-school .sch-staff { margin:60px auto 30px auto; padding: 20px 40px 5px 40px; border: 1px dotted #C8C6BE;}

/* ラッピング ------------------------------------- */
#page-school .sch-wrapping {}
#page-school .sch-wrapping:after { content:" "; display:block; clear:both;}
#page-school .sch-wrapping .item { padding:20px; margin-bottom:15px; text-align:center;}
#page-school .sch-wrapping .item h4 { margin-top:0; margin-bottom:12px;}
#page-school .sch-wrapping .item img { margin-bottom:15px; }
#page-school .sch-wrapping .instructor { width:100%; }
#page-school .sch-wrapping .instructor:after { content:" "; display:block; clear:both;}
#page-school .sch-wrapping .instructor .boxL { float:left; width:64%;}
#page-school .sch-wrapping .instructor .boxL img { float:left; padding:0 0 20px 0; margin:0 10px 0 0; }
#page-school .sch-wrapping .instructor .boxR { float:right; width:34%;}
#page-school .sch-b-wrapping .box { margin-bottom:60px;}
#page-school .sch-b-wrapping h5 { margin-bottom:6px; border-bottom:none;}

@media only screen and (max-width:640px){
	#page-school .sch-wrapping .item h4 { font-size:20px; }
	#page-school .sch-wrapping .instructor .boxL { float:none; width:100%;}
	#page-school .sch-wrapping .instructor .boxR { float:none; width:100%;}
}

/* はじめてご利用の方へ
---------------------------------------------------------------------- */
.page #first .catch { margin-bottom:0; }
.page #first .catch .item.catch-txt { width: 58%; }
.page #first .catch .item.catch-img { width: 42%; }

@media only screen and (max-width:960px) {
	.page #first .catch .item.catch-txt,
	.page #first .catch .item.catch-img { width: 100%; }
}

#first .first-mn ul { margin:50px auto 0 auto; }
#first .first-mn li { margin:8px 0; }
#first .first-mn li a { text-decoration:none; text-align:left; padding:10px 0 10px 40px; background:#F2F2F1 url(images/ico_arrow_l.png) no-repeat left 15px top 50%; color:#6C666C; letter-spacing:0.2em; display:block; }
#first .first-mn li a:hover { text-decoration: underline; opacity:0.8; filter: alpha(opacity=80);}
@media only screen and (max-width:1199px) {
	#first .first-mn li a { padding:12px 40px; }
}

#first #shopping .box { margin-bottom:30px;}

#card-f { clear:both; width:100%; max-width:1200px; margin:20px auto 50px auto; padding: 50px 30px 20px 30px; border: 1px solid #98BABA; border-radius: 0 3px; }
#card-b { clear:both; width:100%; max-width:1200px; margin:0 auto 0 auto; padding: 50px 30px 20px 30px; border: 1px solid #AB9B8B; border-radius: 0 3px; }
#card-f:after,
#card-b:after { content:" "; display:block; clear:both;}
.card-box .card-img { width:32%; float:left;}
.card-box .card-txt { width:65%; float:right;}

#card-f h3,
#card-b h3 { font-size:32px; font-family: 'Cinzel', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing:0.12em; line-height:0.7em; text-align:center; font-weight: normal; color:#888572; margin-bottom:40px; }
#card-f h3 span,
#card-b h3 span { font-size:14px; color:#6C666C; letter-spacing:0.1em; font-weight: bold; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }
#card-f h3 { color: #699; }
#card-b h3 { color: #724D44; }

@media only screen and (max-width:960px){
	.card-box .card-img { width:100%; float:none; margin-bottom:10px;}
	.card-box .card-txt { width:100%; float:none;}
}

.card-box { width : 100%; margin:30px auto; }
.card-box ul { margin-bottom:1em; }
.card-box ul li { position: relative; left:1em; text-align:left; margin-top:0.2em; margin-bottom:0.2em;}
.card-box ul li::after { display: block; content: ''; position: absolute; top: .5em; left: -1em; width: 6px; height: 6px;
 background-color: #7DB4BD; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* リンクボタン ---------- */
#order .link-bt  { margin:50px auto 18px auto; text-align:left;}

/* ご注文ボタン ---------- */
#order .box .order-bt { margin:50px 0 18px 0; }
#order .box .order-bt a { text-decoration:none; text-align:center; padding:18px 134px;
 background:#fff url(images/ico_order.png) no-repeat right 20px top 15px; color:#6C666C; letter-spacing:0.2em; border:1px solid #DBDBDB; }
#order .box .order-bt a:hover { text-decoration: underline; opacity:0.8; filter: alpha(opacity=80);} 

@media only screen and (max-width:1199px) {
	#order .box div { text-align:center; }
	#order .box .order-bt { margin:50px auto 18px auto; }
	#order .box .order-bt a {  padding:18px 90px 18px 40px; }
}

/* ご利用規約
---------------------------------------------------------------------- */
#page-rule h4 { margin:20px 0 5px 0; padding:0; font-weight: bold; text-align:left; font-size:16px; line-height:120%; color: #624E39; border-bottom:1px solid #EBDED3;}
#page-rule h4:after { content:" "; display:block; clear:both;}


/* よくある質問
---------------------------------------------------------------------- */
#page-faq .faq-mn { }
#page-faq .faq-mn p { padding-right:0; padding-left:0; }
#page-faq .faq-mn ul { margin:50px auto 0 auto; }
#page-faq .faq-mn li { margin:8px 0; }
#page-faq .faq-mn li a { text-decoration:none; text-align:left; padding:10px 0 10px 40px; background:#F2F2F1 url(images/ico_arrow_l.png) no-repeat left 15px top 50%; color:#6C666C; letter-spacing:0.2em; display:block; }
#page-faq .faq-mn li a:hover { text-decoration: underline; opacity:0.8; filter: alpha(opacity=80);}
@media only screen and (max-width:1199px) {
	#page-faq .faq-mn li a { padding:12px 40px; }
}

#page-faq h4 { font-weight:500; font-size:18px; margin:35px 0 8px 0; padding:7px 20px 1px 46px; text-align:left; color: #6D666D; border-bottom:1px solid #DCDADC; background:url(images/faq_q.png) no-repeat 2px top; }
#page-faq p { padding-right:20px; padding-left:46px; }

/* プライバシーポリシー
---------------------------------------------------------------------- */
#page-privacy h4 { margin:20px 0 5px 0; padding:0; text-align:left; border-bottom:1px solid #EBDED3;}
#page-privacy h4:after { content:" "; display:block; clear:both;}

@media only screen and (max-width:640px) {
	#page-privacy h3 { font-size:25px; margin-bottom:30px; line-height:0.9;}
	#page-privacy h4  { font-size:18px; }
}

/* レッスン
---------------------------------------------------------------------- */
#lesson { padding-top:15px; }

#lesson .lesson-box { clear:both; max-width:1200px; margin:0 auto 50px auto; padding-bottom:30px;  }
#lesson .lesson-box:after { content:" "; display:block; clear:both;}
@media only screen and (max-width:1199px) {
	#lesson .lesson-box { width:96%; }
}

#lesson .lesson-box h3 { margin:0 auto 20px auto; padding:0 0 0 35px; font-size:27px; font-weight: 500; text-align:left; letter-spacing:0.07em; font-family: 'Carrois Gothic', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; color:#888572; border-bottom:1px solid  #A6A3A6; background:url(images/ico_leaf1.gif) no-repeat left top;}
#lesson .lesson-box h3 a { color:#888572; text-decoration:none;}
#lesson .lesson-box h3 a:hover { color:#624E39; text-decoration: underline;}
#lesson .lesson-box .photo { float:left; width:50%; text-align:center;}
#lesson .lesson-box .photo img {}
#lesson .lesson-box .txt { float:right; width:47%; padding-top:3px; }
#lesson .lesson-box .day { margin-bottom:15px; }
#lesson .lesson-box .day:after { content:" "; display:block; clear:both;}
#lesson .lesson-box .day span { width:18%; font-size:18px; font-weight: bold; letter-spacing:0; color: #9C8A78; float:left; background: url(images/lesson_day.gif) no-repeat left 1px; padding:0 0 0 23px;}
#lesson .lesson-box .day ul { width:80%; font-size:16px; float:left; line-height:1.3;}
#lesson .lesson-box .day ul li { margin:5px 0 8px 0;}
#lesson .lesson-box .student { clear:both; margin-bottom:15px;}
#lesson .lesson-box .student:after { content:" "; display:block; clear:both;}
#lesson .lesson-box .student ul {}
#lesson .lesson-box .student ul li { float:left; margin-right:5px; margin-bottom:2px;}
#lesson .lesson-box .student ul li:last-child { margin-right:0;}
#lesson .lesson-box p { clear:both;}
#lesson:after,
#lesson .lesson-box:after,
#lesson .lesson-box ul.student:after { content:" "; display:block; clear:both;}

@media only screen and (max-width:640px) {
	#lesson .lesson-box h3 { font-size:22px; line-height:1;}
	#lesson .lesson-box .photo { float:none; width:100%; text-align:center;}
	#lesson .lesson-box .txt { float:none; width:100%; padding-top:3px; }
	#lesson .lesson-box .day span { width:100%; float:none; margin-bottom:8px; }
	#lesson .lesson-box .day ul { width:100%; float:none; }
}

#lesson .bx-pager { padding-top: 10px; }
#lesson .bx-pager a img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	width: 18%;
}
#lesson .bx-pager a.active img {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* ギャラリー＝category
-------------------------------------------------------------- */
#gallery { width:1200px;  }
#gallery .album h3 { width:100%; max-width:300px; margin:3px auto 0 auto; padding:0 0 0 10px; font-size:100%; font-weight:500; line-height:135%; background:url(images/ico_arrow_s.png) no-repeat left 5px; text-align:left;}
#gallery .album .albumimg { width:100%; max-width:300px; height:226px; margin:0 auto; padding:0; text-align:center; vertical-align: middle;}
#gallery .album .albumimg img { margin-bottom:5px; max-width:300px; max-height:226px;}

#gallery a.backbt { clear:both; width:300px; height:24px; margin:0 0 0 0; padding:0; text-indent:-9999px;
	background:url(images/gallery_back.jpg) no-repeat left top; display:block;}
#gallery a:hover.backbt { background-position:-300px 0;}

@media only screen and (max-width:1199px) {
	#gallery { width:100%; }
}

@media only screen and (min-width:961px) {
	#gallery { width:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex;
	-webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
	#gallery:after { content:" "; display:block; clear:both;}
	#gallery::after{ content:""; display: block; width:33.33333%;}
	#gallery .album { -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 33.33333%; margin-bottom:20px; }
}

@media only screen and (max-width: 960px) and (min-width: 640px) {
	#gallery { width:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex;
	-webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
	#gallery:after { content:" "; display:block; clear:both;}
	#gallery::after{ content:""; display: block; width:50%;}
	#gallery .album { -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 50%; margin-bottom:20px; }
	#gallery .album .albumimg { width:100%; max-width:300px; height: auto; margin:0 auto; padding:0; text-align:center; vertical-align:bottom;}
}

@media only screen and (max-width:640px) {
	#gallery { flex-wrap: wrap;}
	#gallery .album { text-align:center; margin-bottom:15px; }
	#gallery .album .albumimg { width:100%; max-width:300px; height: auto; margin:0 auto; padding:0; text-align:center;}
	#gallery .album .albumimg img { margin-bottom:5px; max-width:300px; max-height:226px;}
}

/* Entry Header
---------------------------------------------------------------------- */
.single-post .site-main { width:100%; max-width:1200px; margin:0 auto; }
.post .entry-thumbnail img { display:block; margin:0 auto 10px;}
.post .entry-header { margin-bottom:10px;}
.post .entry-title { font-size:26px; font-weight:bold; margin:0 0 5px; color:#202020; background:none;}
.post .entry-title a { color:#888572; text-decoration:none;}
.post .entry-title a:hover { color:#624E39; text-decoration: underline;}

@media only screen and (max-width:640px) {
	.post .entry-title { font-size:20px;}
}

/**
 * カテゴリー、一覧
 * ----------------------------------------------------------------------------
 */

.archive-header { width:100%; margin:0 auto;}
.archive-meta { }

#archive-content { padding:0; margin-bottom:30px;}
#archive-content:after { content:" "; display:block; clear:both;}


/* メールフォーム
---------------------------------------------------------------------- */
div.telbox { width:100%; padding:23px 20px 23px 70px; margin:5px auto 40px auto; font-size:16px; line-height:1.1;
 background:url(images/ico_tel.gif) no-repeat 25px center; border:2px solid #005BAC; overflow:hidden;}

div.telbox strong { margin-right:12px;}
div.telbox span.tel { font-weight:bold; font-size:150%;}

@media only screen and (max-width:480px){
	div.telbox { padding:15px 5px 15px 45px; margin:15px auto 15px auto; font-size:16px; line-height:1.1;
	 background:url(images/ico_tel_sp.gif) no-repeat 7px center; border:2px solid #005BAC; overflow:hidden;}
	div.telbox strong { display:none;}
	div.telbox span.tel { font-size:100%; color:#0059BC;}
	div.telbox span.time { font-size:80%;}
	div.telbox span.pc-txt { display:none;}
}

div.mailbox { margin:5px auto 35px auto; padding:0 20px 30px 20px; border:2px solid #005BAC;
 background:url(images/ico_mail.gif) no-repeat 20px 30px;}
div.mailbox p { text-align:left; padding:27px 0 0 60px;}
div.mailbox p img { margin:2px 5px 0 0;}

div.mailbox span.mark-need { width:25px; height:15px; padding-left:3px; padding-right:3px; margin-right:5px; color:#FFF; font-size:11px; background:#D73737;}

.mw_wp_form table { width:100%; border-left:none;}
.mw_wp_form table th { width:180px; padding:10px; border-right:none; font-weight:bold!important;}
.mw_wp_form table th.need { background:#F3F3F3 url(images/mark_hissu.gif) no-repeat 95% center;}
.mw_wp_form table td { padding:10px 10px 0 10px; border-right:none;}
.mw_wp_form table p { margin:0; padding:0 0 10px 0;}
.mw_wp_form table input[type=text] { width:500px;}
.mw_wp_form table textarea { width:500px;}

@media only screen and (max-width:640px){
.mw_wp_form table { width:100%;}
.mw_wp_form table th,
.mw_wp_form table td { display:list-item; list-style:none;}
.mw_wp_form table th { width:100%; border-bottom:none;}
.mw_wp_form table td { padding:10px 0 20px 0;}
.mw_wp_form table input[type=text] { width:100%;}
.mw_wp_form table textarea { width:100%;}
}

div#policy h3 { padding:30px 0 5px 0; font-size:16px;}
div#policy p { padding:10px; border:2px solid #999; background:#FFC;}
div#policy_check { text-align:center; font-size:18px;}
div#policy_check input { padding:5px;}

#confirm-agree { text-align:center;}
#confirm-agree p { margin:10px auto; padding:0;}
#confirm-agree span.mwform-checkbox-field .mwform-checkbox-field-text { padding-left:10px; font-weight:bold; font-size:16px;}

#confirm-btn input[type=submit] {
  background:#FF7F00 url(images/arrow_01.png) no-repeat 30px center;
  border:1px solid #FF7F00;
  border-radius:5px;
  color:#fff;
  font-size:18px; letter-spacing:5px;
  margin-top:10px; margin-right:10px; padding:7px 45px 6px 65px;
  text-decoration:none;
  text-align:center;
}
#confirm-btn input[type=submit]:hover { background:#FFA851 url(images/arrow_01.png) no-repeat 30px center;}

#return-btn input[type=submit] {
  background:#777 url(images/arrow_02.png) no-repeat 20px center;
  border:1px solid #777;
  border-radius:5px;
  color:#fff;
  font-size:18px; letter-spacing:5px;
  margin-top:-50px; margin-right:10px; padding:7px 20px 6px 45px;
  text-decoration:none;
  text-align:center;
}
#return-btn input[type=submit]:hover { background:#999 url(images/arrow_02.png) no-repeat 20px center; cursor:pointer;}

@media only screen and (max-width:480px){
#confirm-btn input[type=submit],
#confirm-btn input[type=submit]:hover,
#return-btn input[type=submit],
#return-btn input[type=submit]:hover { font-size:15px!important; letter-spacing:0!important; margin-right:10px!important; padding:4px 5px 2px 25px!important; background-position:5px center!important;}
}


/**
 * エラー404 SEARCH
 * ----------------------------------------------------------------------------
 */

.error404 .page-header,
.search .page-header { background-color: #fff;}
.error404 h3,
.search h3 { margin: 50px 0 0 0; font-size: 23px; font-weight: bold; color: #DC3F36; width: auto; margin: 0; padding: 10px; position: relative; text-align: center;}
/*.error404 .page-title:before { color: #D7D1A8; content: "\f423"; font-size: 70px; line-height: 0.6;
 left: 7px; top: 10px; overflow: hidden; position: absolute;} */
.error404 .site-main,
.search .site-main { max-width:1200px; margin:0 auto; background-color: #fff;}
.error404 .page-header,
.search .page-header  { padding: 30px 0 60px 0;}
.error404 .page-content,
.search .page-content  { padding: 0 0 80px 0; text-align:center;}
.error404 .page-content:after,
.search .page-content:after { content:" "; display:block; clear:both;}
.error404 .page-content h4,
.search .page-content h4 { font-size:16px; font-weight: bold; color: #555; margin:0 auto 15px auto;}

.search-results h3 { text-align:left; background: url(images/ico_arrow.png) no-repeat left 8px; width: 100%; margin: 0 auto 5px auto; padding:0 0 5px 15px; border-top:none; border-bottom:1px solid #E34D1B; font-size:20px; font-weight:normal; }
.search-results h3 a { color: #141412; text-decoration:none; }
.search-results h3 a:hover { color: #ea9629;} 
.search-results .hentry { margin: 30px auto 50px auto; padding-bottom:20px; border-bottom:none; }


/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.hentry .entry-title{ margin:40px auto 10px auto; padding:2px 0 2px 35px; font-size:27px; font-weight: 500; text-align:left; letter-spacing:0.07em; font-family: 'Carrois Gothic', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; color:#888572; border-bottom:1px solid  #A6A3A6; background:url(images/ico_leaf1.gif) no-repeat left top;}
.hentry .entry-title:after { content:" "; display:block; clear:both;}
.hentry .entry-title a { text-decoration:none;}

.entry-meta { clear:both; font-size:13px; text-align:right; margin:0 auto 20px auto;}
.entry-meta a { color:#bc360a;}
.entry-meta a:hover { color:#bc360a;}

.entry-meta > span { margin-right:20px;}
.entry-meta > span:last-child { margin-right:0;}

.featured-post:before { content:"\f308"; margin-right:2px;}

.entry-meta .date a:before { content:"\f303";}
.entry-meta .date time:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; vertical-align: text-bottom; content: "\f303";}

.comments-link a:before { content:"\f300"; margin-right:2px; position:relative; top:-1px;}

.entry-meta .author a:before { content:"\f304"; position:relative; top:-1px;}

.categories-links { color:#999;}
.categories-links a { color:#999;}
.categories-links a:first-child:before { content:"\f301"; color:#999;}

.tags-links a:first-child:before { content:"\f302"; position:relative; top:-1px;}

.edit-link a:before { content:"\f411"; position:relative; top:-1px;}

.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date { display:none;}

/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */

.entry-content { -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; word-wrap:break-word;}

.entry-content h2 { font-size:20px;}

.entry-content a,
.comment-content a { }

.entry-content a:hover,
.comment-content a:hover { }

.entry-content blockquote { font-size:24px;}

.entry-content blockquote cite,
.entry-content blockquote small { font-size:16px;}

.entry-content img.alignleft,
.entry-content .wp-caption.alignleft { margin-left:0;}

.entry-content img.alignright,
.entry-content .wp-caption.alignright { margin-right:0;}

.entry-content hr { clear:both; height:0;}

footer.entry-meta { margin-top:24px;}

.format-standard footer.entry-meta { margin-top:0;}

/* Page links */
.page-links { clear:both; margin:20px 0; font-size:16px; line-height:2.2; text-transform:uppercase;}

.page-links a,
.page-links > span { padding:5px 10px; background:#fff; border:1px solid #fff; text-decoration:none;}

.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a { background:#e63f2a; border:1px solid #e63f2a; color:#fff;}

.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover { background:#fff; color:#e63f2a;}

.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span { background:none;}

.page-links .page-links-title { margin-right:20px; padding:0; background:transparent; border:none;}

/* Mediaelements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls { background:#220e10;}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background:#fff;}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current { background:#ea9629;}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background:#595959;}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius:0;}

/**
 * 5.5 Post Formats
 * ----------------------------------------------------------------------------
 */

/* Aside */
.format-aside { background-color:#f7f5e7;}

.blog .format-aside:first-of-type,
.single .format-aside:first-of-type,
.format-aside + .format-aside,
.format-aside + .format-link,
.format-link + .format-aside { box-shadow:inset 0 2px 2px rgba(173, 165, 105, 0.2);}

.format-aside .entry-meta { margin-top:0;}
.format-aside blockquote { font-size:100%; font-weight:normal;}
.format-aside cite { font-size:100%; text-transform:none;}
.format-aside cite:before { content:"\2014"; margin-right:5px;}

/* Audio */
.format-audio { background-color:#db572f;}
.format-audio .entry-title { font-size:28px; font-weight:bold;}
.format-audio .entry-content:before { content:"\f109"; float:left; font-size:64px; position:relative; top:4px;}
.format-audio .entry-content a,
.format-audio .entry-meta a,
.format-audio .entry-content a:hover,
.format-audio .entry-meta a:hover { color:#fbfaf3;}

.format-audio .audio-content {
 background:url(images/dotted-line.png) repeat-y left top; background-size:4px 4px; float:right; padding-left:35px;
 width:80%; width:-webkit-calc(100% - 85px); width:calc(100% - 85px); }

.format-audio .wp-audio-shortcode { height:30px !important; margin:20px 0; max-width:400px !important;}

.format-audio audio { max-width:100% !important; /* Avoid player width overflow. */}

/* Chat */
.format-chat { background-color:#eadaa6;}
.format-chat .entry-title { font-size:28px; font-weight:bold;}
.format-chat .entry-meta a,
.format-chat .entry-content a { color:#722d19;}
.format-chat .entry-meta .date a:before { content:"\f108"; margin-right:2px;}
.format-chat .entry-meta .author { display:none;}
.format-chat .chat { margin:0;}
.format-chat .chat .chat-timestamp { float:right; margin:5px 10px 0; color:#722d19; font-size:12px; font-weight:normal;}
.format-chat .chat .fn { font-style:normal;}

/* Gallery */
.format-gallery { background-color:#fbca3c;}
.format-gallery .entry-header { margin-bottom:15px;}
.format-gallery .entry-title { margin:0; font-size:50px; font-weight:400;}
.format-gallery .entry-meta a,
.format-gallery .entry-content a { color:#722d19;}

/* Image */
.format-image .entry-title { font-size:28px; font-weight:bold;}

.format-image .categories-links,
.format-image .tags-links { display:none;}

/* Link */
.format-link { background-color:#f7f5e7;}
.blog .format-link:first-of-type,
.single .format-link:first-of-type { box-shadow:inset 0 2px 2px rgba(173, 165, 105, 0.2); }

.format-link .entry-header,
.format-link .entry-content p:last-child { margin-bottom:0;}
.format-link .entry-title { color:#ca3c08; display:inline; font:300 italic 20px "Source Sans Pro", Helvetica, sans-serif; margin-right:20px;}
.format-link .entry-title a { color:#bc360a;}
.format-link div.entry-meta { display:inline;}

/* Quote */
.format-quote { background-color:#210d10;}
.format-quote .entry-content,
.format-quote .entry-meta { color:#f7f5e7;}
.format-quote .entry-content blockquote { font-size:28px; margin:0;}
.format-quote .entry-content a,
.format-quote .entry-meta a,
.format-quote .linked { color:#e63f2a;}
.format-quote .entry-content cite a { border-bottom:1px dotted #fff; color:#fff;}
.format-quote .entry-content cite a:hover { text-decoration:none;}
.format-quote blockquote small,
.format-quote blockquote cite { display:block; font-size:16px;}
.format-quote blockquote { font-style:italic; font-weight:300; padding-left:75px; position:relative;}
.format-quote blockquote:before { position:absolute; padding-right:25px; left:-15px; top:-3px;
 content:'\201C'; font-size:140px; font-weight:400; line-height:.8;}

.format-quote .entry-meta .author { display:none;}

/* Status */
.format-status { background-color:#722d19; padding:0;}
.format-status .entry-content,
.format-status .entry-meta { padding-left:35px; position:relative;}
.format-status .entry-content a { color:#eadaa6;}
.format-status .entry-meta a { color:#f7f5e7;}
.sidebar .format-status .entry-content,
.sidebar .format-status .entry-meta { padding-left:95px;}
.format-status .entry-content:before,
.format-status .entry-meta:before { width:1px; height:100%; left:10px; top:0;
 background:url(images/dotted-line.png) repeat-y left bottom; background-size:4px 4px; content:""; display:block; position:absolute;}

.sidebar .format-status .entry-content:before,
.sidebar .format-status .entry-meta:before { left:70px;}

.format-status .categories-links,
.format-status .tags-links { display:none;}

/* Ensures the dots in the dot background are in lockstep. */
.format-status .entry-meta:before { background-position:left top;}
.format-status .entry-content { color:#f7f5e7; font-size:24px; padding-bottom:30px; padding-top:40px; position:relative;}
.format-status .entry-content p:first-child:before { width:13px; height:3px; margin-top:13px; left:4px;
 background-color:rgba(0, 0, 0, 0.65); content:""; position:absolute;}
.sidebar .format-status .entry-content > p:first-child:before { left:64px;}

.format-status .entry-content p:last-child { margin-bottom:0;}
.format-status .entry-meta { margin-top:0; padding-bottom:40px;}
.format-status .entry-meta .date a:before { content:"\f105";}

/* Video */
.format-video { background-color:#db572f;}
.format-video .entry-content a,
.format-video .entry-meta a,
.format-video .entry-content a:hover,
.format-video .entry-meta a:hover { color:#fbfaf3;}
.format-video .entry-title { font-size:50px; font-weight:400;}
.format-video .entry-meta { color:#220e10;}

/**
 * 5.6 Attachments
 * ----------------------------------------------------------------------------
 */

.attachment .hentry { margin:0; padding:0; background-color:#e8e5ce;}
.attachment .entry-header { max-width:1040px; padding:30px 0; margin-bottom:0;}
.attachment .entry-title { margin:0; float:left; display:inline-block; font:italic 30px "Source Sans Pro", Helvetica, sans-serif;}
.attachment .entry-title:before { content:"\f416"; font-size:32px; margin-right:10px;}
.attachment .entry-meta { clear:none; float:right; max-width:604px; padding:9px 0 0; color:inherit; text-align:right;}

.hentry.attachment:not(.image-attachment) .entry-meta { max-width:104px;}

.attachment footer.entry-meta { display:none;}
.attachment-meta:before { content:"\f307";}

.full-size-link a:before { content:"\f402";}
.full-size-link:before { content:none;}

.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before { color:#ca3c08;}

.attachment .entry-content { background-color:#fff; max-width:100%; padding:40px 0;}

.image-navigation { margin:0 auto; max-width:1040px; position:relative;}
.image-navigation a:hover { text-decoration:none;}
.image-navigation .nav-previous,
.image-navigation .nav-next { position:absolute; top:50px;}
.image-navigation .nav-previous { left:0;}
.image-navigation .nav-next { right:0;}
.image-navigation .meta-nav { font-size:32px; font-weight:300; vertical-align:-4px;}

.attachment .entry-attachment,
.attachment .type-attachment p { margin:0 auto; max-width:724px; text-align:center;}
.attachment .entry-attachment .attachment { display:inline-block;}
.attachment .entry-caption { text-align:left;}
.attachment .entry-description { margin:20px auto 0; max-width:604px;}
.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child { margin:0;}
.attachment .site-main .sidebar-container { display:none;}

.attachment .entry-content .mejs-audio { max-width:400px; margin:0 auto;}
.attachment .entry-content .wp-video { margin:0 auto;}
.attachment .entry-content .mejs-container { margin-bottom:24px;}

/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */

.paging-navigation,
.post-navigation { clear:both; padding:0 0 50px 0; }
.paging-navigation .nav-links,
.post-navigation .nav-links { margin:0 auto; width:100%;}
.paging-navigation .meta-nav { }
.paging-navigation a:hover .meta-nav { }
.paging-navigation a[rel="next"], 
.post-navigation a[rel="next"] { float:right; text-align:right;}
.paging-navigation .nav-list,
.post-navigation .nav-list{ clear:both; height:24px; text-align:center; background:url(images/line-solid.gif) repeat-x center 50%;}
.paging-navigation:after,
.post-navigation:after { content:" "; display:block; clear:both;}

.paging-navigation .nav-previous { width:50%; float:left; text-align:left;}
.paging-navigation .nav-next { width:50%; float:right; text-align:right;}

/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */

.author-info { width:100%; margin:0 auto; max-width:604px; padding:30px 0 10px; text-align:left;}
.author.sidebar .author-info { max-width:1040px; padding:30px 376px 10px 60px;}
.single .author-info { padding:50px 0 0;}
.author-avatar .avatar { float:left; margin:0 30px 30px 0;}
.single-format-status .author-description { color:#f7f5e7;}
.author-description .author-title { clear:none; margin:0 0 8px; font:300 italic 20px "Source Sans Pro", Helvetica, sans-serif;}
.author-link { color:#ca3c08; margin-left:2px;}
.author.archive .author-link { display:none;}

/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */

.page-header { background-color:#e8e5ce;}
.page-title { font:italic 30px; width:100%; margin:0 auto; padding:30px 0;}
.page-content { width:100%; margin:0 auto; padding:40px 0;}
.sidebar .page-content { margin:0 auto; padding:0;}

/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */

.comments-area { margin:30px auto; width:100%;}
.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe { display:block; width:100%; margin-left:auto; margin-right:auto;}
.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form { padding-left:30px; padding-right:30px;}

.comments-title { font-size:16px; background:url(images/ico_balloon.png) no-repeat left top; padding:3px 0 5px 0; font-weight:normal;}
.comment-list,
.comment-list .children { list-style-type:none; padding:0;}
.comment-list .children { margin-left:20px;}
.comment-list > li:after,
.comment-list .children > li:before { width:100%; height:1px; display:block;
 background:url(images/dotted-line.png) repeat left top; background-size:4px 4px; content:"";}
.comment-list > li:last-child:after { display:none;}
.comment-body { padding:24px 0; position:relative;}
.comment-author { float:left; max-width:74px;}
.comment-author .avatar { display:block; margin-bottom:10px;}
.comment-author .fn { word-wrap:break-word;}
.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login { color:#bc360a; font-size:14px; font-style:normal; font-weight:normal;}
.says { display:none;}
.no-avatars .comment-author { margin:0 0 5px; max-width:100%; position:relative;}
.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply { width:100%;}
.bypostauthor > .comment-body .fn:before { content:"\f408"; vertical-align:text-top;}
.comment-list .edit-link { margin-left:20px;}
.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply { float:right; width:79%; width:-webkit-calc(100% - 124px); width:calc(100% - 124px); word-wrap:break-word;}

.comment-meta,
.comment-meta a { font-size:13px;}
.comment-meta a:hover { }
.comment-metadata { margin-bottom:20px;}
.ping-meta { color:#a2a2a2; font-size:13px; line-height:2;}
.comment-awaiting-moderation { color:#a2a2a2;}
.comment-awaiting-moderation:before { content:"\f414"; margin-right:5px; position:relative; top:-2px;}
.comment-reply-link:before,
.comment-reply-login:before { content:"\f412"; margin-right:3px;}

/* Comment form */
.comment-respond { background-color:#F5F3ED; padding:30px 0;}
.comment .comment-respond { margin-bottom:20px; padding:0px;}
.comment-reply-title { font-size:16px; padding:3px 0 5px 0;  }
.comment-reply-title small a { width:16px; height:16px; float:right; display:inline-block; overflow:hidden;}
.comment-reply-title small a:hover { text-decoration:none;}
.comment-reply-title small a:before { content:"\f406"; vertical-align:top;}
.sidebar .comment-list .comment-respond .comment-form { padding:0;}
.comment-form .comment-notes { margin-bottom:15px;}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url { margin-bottom:8px;}
.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] { width:120px; float:left; padding:5px 0;}
.comment-form .required { }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] { max-width:270px; width:60%;}
.comment-form textarea { width:100%;}
.form-allowed-tags,
.form-allowed-tags code { color:#686758; font-size:12px;}
.form-allowed-tags code { font-size:10px; margin-left:3px;}
.form-submit { text-align:center;}
.comment-list .pingback,
.comment-list .trackback { padding-top:24px;}
.comment-navigation { width:100%; max-width:604px; margin:0 auto; padding:20px 0 30px; font-size:20px; font-style:italic; }
.no-comments { margin:0; padding:40px 0; background-color:#f7f5e7; font-size:20px; font-style:italic; text-align:center;}
.sidebar .no-comments { padding-left:60px; padding-right:376px;}

/**
 * 5.13 Multisite
 * ----------------------------------------------------------------------------
 */

.site-main .mu_register { width:100%; max-width:604px; margin:0 auto;}

.mu_alert { margin-top:25px;}

.site-main .mu_register input[type="submit"],
.site-main .mu_register #blog_title,
.site-main .mu_register #user_email,
.site-main .mu_register #blogname,
.site-main .mu_register #user_name { font-size:inherit; width:270px;}

.site-main .mu_register input[type="submit"] { width:auto;}

/**
 * Footer
 * ----------------------------------------------------------------------------
 */

.site-footer { clear:both; width:100%; margin:0 auto; padding:50px 0 10px 0; text-align:center; color:#666; background:#F2F2F1;}
.site-footer a:link,
.site-footer a:visited { color:#000; text-decoration:none; }
.site-footer a:hover { text-decoration:underline; opacity:0.8; filter:alpha(opacity=80); }
.site-footer:after { content:" "; display:block; clear:both;}

.foot-bn { width:96%; max-width:1200px; margin:0 auto 20px auto;}
.foot-bn ul { margin:0 auto; }
.foot-bn ul li { float:left; margin-right:10px; margin-bottom:5px; }

.foot-mn .displayNone { display:none; }

.copyright { font-size:10px; text-align:center; }

@media only screen and (max-width:960px) {
	.copyright { clear:both; width:100%; float:none; padding-top:20px; text-align:center;  }
}

@media only screen and (min-width:641px) {
	.foot-mn { margin-bottom:15px;}
	.foot-mn .displayNone { display: block; }
	.foot-mn .switch { display: none; }
	.foot-mn ul { font-size:12px; }
	.foot-mn ul li {display: inline-block; text-align:center; margin:0; padding:0 10px 0 5px; line-height:1; border-right:1px solid #888; }
	.foot-mn ul li:last-child { border-right:none; }
	}

@media only screen and (max-width:640px) {
	.foot { width:100%; margin:0 auto;}
	.site-footer { clear:both; width:100%; margin:0 auto; padding:10px 0 10px 0; }
	
	.accordion { width:100%; margin: 0 auto 15px; padding: 15px 0 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height:1; cursor: pointer; text-align:center; }
	.switch { width:100%; font-weight: bold; padding-bottom:0; }
	.open { text-decoration: underline;}
	.displayNone { display: none;}
	.foot-mn ul li { width:100%; text-align:center; font-weight:bold; font-size:13px; margin:0; border-bottom:1px dotted #CCC; }
	.foot-mn ul li a { padding:12px 0 9px 0; display:block;}
	.foot-bn ul li { float:none; margin:5px auto; text-align:center; }
}


/* サイド固定ナビ ------------------------------------------------ */
#side-nav { position: fixed; top: 18%; right:0; width:60px; z-index: 999999;}
#side-nav a { }
#side-nav a img{ opacity:0.7; filter: alpha(opacity=70);}
#side-nav a:hover img{ opacity:1; filter: alpha(opacity=100);}

@media screen and (max-width:960px){
	#side-nav {top: 10%;}
}

/* ページ先頭へ------------------------------------------------ */
#pagetop { position:fixed; bottom:6px; right:6px;}
#pagetop a { border:1px solid #888; background-color:rgba(255,255,255,0.2); width:40px; height:40px; text-align:center; display:block; font-size:25px; color:#888; text-decoration:none;}
#pagetop a:hover { text-decoration:none; color:#F33; border:1px solid #F33;}

@media screen and (max-width:640px){
	#pagetop { display:none;}
	#pagetop a { display:none;}
}