/*
Theme Name: nekonote
Author: Office SKD
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


/*------------------- iPhone PortlaitとLandscapeの切り替え時に文字が拡大されないようにするハック ------------------------*/
html {
-webkit-text-size-adjust: 100%;
}



/*------------------- テキストサイズ変更のところのスタイル ------------------------*/
/*小　12pxを基準*/ 
html body #wrap.small {
	font-size: 12px;
} 
/*中　14pxを基準*/ 
html body #wrap.medium {
	font-size: 14px;
} 

/*大　16pxを基準*/
html body #wrap.large {
	font-size: 16px;
} 

#ts_wrap {
	position: absolute;
	top: 0px;
	right: 6px;
}

#ts {
	margin: 0;
	list-style: none;
	float: left;
}
#ts li {
	float: left;	
}
#ts li a {
	margin: 7px 4px;
	padding: 0px;
	width: 26px;
	height: 26px;
	display: block;
	list-style: none;
	
	border-radius: 4px;
	box-shadow: 0px 4px 4px #5A5A5A;
	-webkit-box-shadow: 0px 4px 4px #5A5A5A;
	
	background-color: #9999cc;
	
	text-indent: -5000px;
}
#ts li a:link,
#ts li a:visited {

	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

#ts li.ts_s a {
	background-image: url(images/img_common/s_white.svg);	
}
#ts li.ts_m a {
	background-image: url(images/img_common/m_white.svg);	
}
#ts li.ts_l a {
	background-image: url(images/img_common/l_white.svg);	
}
#ts li a:hover,
#ts li a:active {
	opacity: 0.9;
}

html body #wrap #ts li.ts_s {
	font-size: 12px !important;
}
html body #wrap #ts li.ts_m {
	font-size: 14px !important;
}
html body #wrap #ts li.ts_l {
	font-size: 16px !important;
}


#wrap.small  #site_header li.ts_s a:link,
#wrap.small  #site_header li.ts_s a:visited {
	background-image: url(images/img_common/s_blue.svg);
	background-color: #ffffff;
}
#wrap.medium  #site_header li.ts_m a:link,
#wrap.medium  #site_header li.ts_m a:visited {
	background-image: url(images/img_common/m_blue.svg);
	background-color: #ffffff;
}
#wrap.large  #site_header li.ts_l a:link,
#wrap.large  #site_header li.ts_l a:visited {
	background-image: url(images/img_common/l_blue.svg);
	background-color: #ffffff;
}


#wrap.small  #site_header li.ts_s a:hover,
#wrap.small  #site_header li.ts_s a:active {
	background-image: url(images/img_common/s_white.svg);
	background-color: #9999cc;
}
#wrap.medium  #site_header li.ts_m a:hover,
#wrap.medium  #site_header li.ts_m a:active {
	background-image: url(images/img_common/m_white.svg);
	background-color: #9999cc;
}
#wrap.large  #site_header li.ts_l a:hover,
#wrap.large  #site_header li.ts_l a:active {
	background-image: url(images/img_common/l_white.svg);
	background-color: #9999cc;
}


#sns_icon {
margin: 0px;
padding: 6px 0px 0px 0px;
height: 40px;
display: inline-block;
}
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button {
	margin-top: 0px !important;
}


#instagramlink {
    padding: 0px;
   height: 40px;
width: 34px;
float: left;
margin: 0px 0px 0px 50px;
}
#instagramlink a{
	cursor: pointer;
	width: 40px;
	height: 40px;
	display: block;
    background-image: url("images/img_top/instagram.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: left center;
}
#instagramlink:hover{
	opacity: 0.5;
}




html {
	height: 100%;
}

body {
	min-height: 100%;
}
body {
	margin: 0;
	padding: 0;
	
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	
	background-color: #84a6cd;
	position: relative;

}

body a {
	cursor: pointer;
}

label {
	cursor: pointer;
}












/*-------------------ラップのところのスタイル------------------------*/
#wrap {
	margin: 0px auto;
	padding: 40px 10px 0px 10px;
	box-sizing: border-box;
	max-width: 1024px;
	}

#wrap::after {
	content: "";
	display: block;
	clear: both;
}


#page_bg {
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 50.00%, rgba(255, 255, 255, 0.20) 90.00%, rgba(255, 255, 255, 0.30) 100%);
	border-radius: 10px;
	padding: 0px 10px 1em 10px;
}


/*-------------------ヘッダーphpのところのスタイル------------------------*/
#site_header {
	height: 40px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: block;
	background-image: url(images/img_common/woodpattern.jpg);
	background-attachment: scroll;
	background-position: top left;
	background-repeat: repeat-x;
	background-size: 612px auto;

	border-bottom: #FFFFFF solid 1px;
}



#menu_pulltub {
	margin: 0px;
	padding: 0px;
	width: 40px;
	height: 46px;
	display: block;
	position: absolute;
	top: 0;
	right: -40px;

	background-image: url(images/img_common/menu_pulltub.svg);
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 40px 47px;
	
	box-shadow: 1px 1px 1px #5A5A5A;
	border-radius: 0px 0px 4px 0px;
	background-color: #ffffff;
}

#on_off {
	display: none;
}

input#on_off:checked ~ #slidemenu {
	left: 0px;
}

#coverlayer {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	bottom: 0;
	
	width: 0%;
	background-color: rgba(90,108,128,0.7);
	transition-duration: 500ms;
}
input#on_off:checked ~ #coverlayer {
	width: 100%;
}


/*-------------------スライドメニュー------------------------*/

#flow {
	overflow: auto;
	position: absolute;
	width: 200px;
	top: 0px;
	bottom: 0px;
}
#slidemenu {
	background-color: #FFFFFF;
	position: fixed;
	top: 0;
	bottom: 0;
	left: -200px;
	width: 200px;
	z-index: 10000;
	
	transition-duration: 500ms;


}
#poohbox {
	padding: 10px 0px 0px 10px;
}


#slidemenu ul,
#slidemenu ul li {
	margin: 0px;
	list-style: none;
}


#slidemenu ul {
	padding: 0px 10px;
}
#slidemenu ul li {
	padding: 10px 5px;
	position: relative;	
	border-bottom: solid 1px #cccccc;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
}

#slidemenu ul li a {
	text-decoration: none;
	display: block;
	background-attachment: scroll;
	background-position: 2px center;
	background-repeat: no-repeat;
}


.sm_home a {
	background-image: url(images/img_common/sm_home-b.svg);
	background-size: 48px 18px;
}

.sm_home.current-menu-item a {
	background-image: url(images/img_common/sm_home-o.svg);	
}
.sm_oshirase a {
	background-image: url(images/img_common/sm_oshirase-b.svg);	
	background-size: 70px 18px;
}
.sm_oshirase.current-menu-item a {
	background-image: url(images/img_common/sm_oshirase-o.svg);	
}
.sm_hanbai a {
	background-image: url(images/img_common/sm_hanbai-b.svg);	
	background-size: 116px 18px;
}
.sm_hanbai.current-menu-item a,
.sm_hanbai.current-menu-ancestor a,
.sm_hanbai.current-menu-parent a {
	background-image: url(images/img_common/sm_hanbai-o.svg);
}
.sm_kyoushitsu a {
	background-image: url(images/img_common/sm_kyoushitsu-b.svg);	
	background-size: 115px 18px;
}
.sm_kyoushitsu.current-menu-item a {
	background-image: url(images/img_common/sm_kyoushitsu-o.svg);		
}
.sm_blog a {
	background-image: url(images/img_common/sm_blog-b.svg);
	background-size: 48px 18px;
}
.sm_blog.current-menu-item a,
.sm_blog.current-menu-ancestor a,
.sm_blog.current-menu-parent a {
	background-image: url(images/img_common/sm_blog-o.svg);	
}
.sm_otoiawase a {
	background-image: url(images/img_common/sm_otoiawase-b.svg);
	background-size: 114px 18px;
}
.sm_otoiawase.current-menu-item a {
	background-image: url(images/img_common/sm_otoiawase-o.svg);	
}
.sm_access a {
	background-image: url(images/img_common/sm_access-b.svg);
	background-size: 73px 18px;
}
.sm_access.current-menu-item a {
	background-image: url(images/img_common/sm_access-o.svg);	
}



/*------------------- *スライドメニューの中の入れ子サブメニュー ------------------------*/

#slidemenu ul li .sub-menu {
	display: none;
}

#slidemenu ul li.current-menu-ancestor .sub-menu,
#slidemenu ul li.current-menu-parent .sub-menu {
	display: block;
}



#slidemenu ul li .sub-menu li {
	border: none;
	text-indent: 0px;
}

.sub-menu {
	padding-top: 10px !important;
}
.sub-menu li {
	line-height: 1;
	padding: 5px 1em !important;
}

.sub-menu li a {
	background-image: none !important;
	color: #9898cb;
}
.sub-menu li:before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 6px;
	border-color: transparent transparent transparent #9898cb;
	position: absolute;
	left: 5px;
	top: 7px;
}
.sub-menu li.current-menu-item a,
.sub-menu li.current-post-ancestor a,
.sub-menu li.current-post-parent a {
	color: #e85513;
}
.sub-menu li.current-menu-item:before,
.sub-menu li.current-post-ancestor:before,
.sub-menu li.current-post-parent:before {
	border-color: transparent transparent transparent #e85513;
}




/*------------------- *検索ボックス ------------------------*/
.screen-reader-text,
.search-submit screen-reader-text {
	display: none;
}

form.search-form {
	padding: 20px 10px 0px 10px;
}
input.search-field {
	width: 100%;
	-webkit-appearance: none !important; 
	-moz-appearance: none !important; 
	appearance: none !important;
	margin: 0px 0px 1em 0px;
	padding: 4px;
	border: 1px solid #e9e9e9;
	border-radius: 15px;
	outline: none;
	background-color: #FFFFFF;
	background-image: none;
	
	font-size: 16px;
	line-height: 16px;
}






/*------------------- *768 iPad以上のときのワイドメニュー ------------------------*/

#widemenu {
	padding: 115px 0px 0px 0px;
	background-image: url(images/img_common/pooh.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right 10px;
	display: none;
}
#widemenu ul,
#widemenu ul li {
	list-style: none;
	margin: 0px;
}

#widemenu ul {
	padding: 0px 0px 0px 10px;
	height: 30px;
	
	background-image: url(images/img_common/underline_long.png);
	background-attachment: scroll;
	background-position: left bottom;
	background-repeat: no-repeat;
}
#widemenu ul li {
	padding: 0px 20px 4px 0px;
	height: 26px;

	float: left;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;

	background-attachment: scroll;
	background-position: left top;
	background-repeat: no-repeat;
}
#widemenu ul li:last-child {
	padding-right: 0px;
}
#widemenu ul li a {
	display: block;
}
#widemenu ul li.wm_home {
	background-image: url(images/img_common/wm_home_w.svg);
	background-size: 44px 18px;
	width: 44px;
}

#widemenu ul li.wm_home.current-menu-item {
	background-image: url(images/img_common/wm_home_y.svg);	
}
#widemenu ul li.wm_oshirase {
	background-image: url(images/img_common/wm_oshirase_w.svg);
	background-size: 67px 18px;
	width: 67px;
}
#widemenu ul li.wm_oshirase.current-menu-item {
	background-image: url(images/img_common/wm_oshirase_y.svg);
}
#widemenu ul li.wm_hanbai {
	background-image: url(images/img_common/wm_hanbai_w.svg);
	background-size: 117px 18px;
	width: 117px;
}
#widemenu ul li.wm_hanbai.current-menu-item {
	background-image: url(images/img_common/wm_hanbai_y.svg);
}
#widemenu ul li.wm_kyoushitsu {
	background-image: url(images/img_common/wm_kyoushitsu_w.svg);
	background-size: 118px 18px;
	width: 118px;
}
#widemenu ul li.wm_kyoushitsu.current-menu-item {
	background-image: url(images/img_common/wm_kyoushitsu_y.svg);
}
#widemenu ul li.wm_blog {
	background-image: url(images/img_common/wm_blog_w.svg);
	background-size: 52px 18px;
	width: 52px;
}
#widemenu ul li.wm_blog.current-menu-item,
#widemenu ul li.wm_blog.current-post-parent {
	background-image: url(images/img_common/wm_blog_y.svg);
}
#widemenu ul li.wm_otoiawase {
	background-image: url(images/img_common/wm_otoiawase_w.svg);
	background-size: 106px 18px;
	width: 106px;
}
#widemenu ul li.wm_otoiawase.current-menu-item {
	background-image: url(images/img_common/wm_otoiawase_y.svg);
}
#widemenu ul li.wm_access {
	background-image: url(images/img_common/wm_access_w.svg);
	background-size: 66px 18px;
	width: 66px;
}
#widemenu ul li.wm_access.current-menu-item {
	background-image: url(images/img_common/wm_access_y.svg);
}






/*-------------------ワイドメニュー表示時のサイドバー（左側展開メニュー）のスタイル------------------------*/
/*--販売--*/



#widemenu ul .current-page-ancestor.wm_hanbai {
	background-image: url(../images/img_common/wm_hanbai_y.svg);
}

#sidebar-hanbai {
	display: none;
}

#sidebar-hanbai ul {
	list-style: none;
	margin: 0px 15px;
	padding: 0px;
}
#sidebar-hanbai ul li {
	list-style: none;
	margin: 0px;
	display: block;
	position: relative;
	padding: 5px 15px;
}
#sidebar-hanbai ul li:before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 6px;
	border-color: transparent transparent transparent #FFFFFF;
	position: absolute;
	left: 0px;
	top: 10px;
}
#sidebar-hanbai ul li a {
	color: #FFFFFF;
	text-decoration: none;
}





/*-------------------タイトルロゴのスタイル------------------------*/
#site-title {
	background-image: url(images/img_common/logo_white.svg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -5000px;
	cursor: pointer;
	background-position: top center;
	padding: 0px;
	margin: 15px 0px 15px 0px;
}
#site-title a {
	display: block;
}

#article_bg {
	margin: 0px auto;
	
}







/*-------------------フッターのスタイル------------------------*/

#site_footer small {
	color: #FFFFFF;
	text-align: center;
	padding: 2em 15px;
	display: block;
	clear: both;
	font-size: 12px;
}






/*-------------------フッターメニュー1のスタイル------------------------*/

#footermenu_1 ul {
	margin: 10px 30px;
	padding: 0px;
}

#footermenu_1 li {
	margin: 0px;
	padding: 5px 0px;
	color: #FFFFFF;
}

#footermenu_1 li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
















/*-------------------フッターメニュー2のスタイル------------------------*/


#footermenu_2 {
	margin: 30px 0px 0px 0px;
}


#footermenu_2 span {
	display: block;
	color: #FFFFFF;
	padding: 0px 0px 0px 10px;
}

#footermenu_2 ul {
	margin: 10px;
	padding: 0px;
}

#footermenu_2 li {
	display: block;
	list-style: none;
	margin: 0px 0px 20px 0px;
}


.button_minne a {
	background-image: url(images/img_common/logo-minne.gif);
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 86px 20px;

	background-color: #FFFFFF;
	border-radius: 4px;

	display: block;
	padding: 10px;
	box-sizing: border-box;
	text-indent: 200%;
	overflow: hidden;
	white-space: nowrap;
}
.button_minne a:hover {
	opacity: 0.85;
}

.button_ordercandle {
	border-radius: 4px;
	background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.10) 100%);
	padding: 6px;
}
.button_ordercandle a {
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;

	display: block;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
}
.button_ordercandle a:hover {
	opacity: 0.85;
}





/*-------------------ページネーションのスタイル------------------------*/

.nav-links a {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	height: 20px;
	width: 20px;
	padding: 4px 10px;
	box-sizing: border-box;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
}
.nav-links span {
	font-size: 14px;
	color: #1a2784;
	background-color: #FFFFFF;
	height: 20px;
	width: 20px;
	padding: 4px 10px;
	box-sizing: border-box;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
}

.nav-links a:hover {
	border: 2px solid #FFFFFF;
}



/*-------------------矢印だけのとき------------------------*/

.arrowspace {
	position: relative;
	margin: 2em 0px 0px 0px;
	height: 2em;
}
.post_r {
	position: absolute;
	right: 0px;
}

.post_l a,
.post_r a {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	height: 20px;
	width: 20px;
	padding: 4px 10px;
	box-sizing: border-box;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
}
.post_l a:hover,
.post_r a:hover {
	border: 2px solid #FFFFFF;
}






/*-------------------各記事のスタイル------------------------*/

article p {
	color: #FFFFFF;
}
#gaiyou_1day {
	padding-bottom: 1em;
}
.entry-title {
	background-image: url(images/img_common/entry-title_candle.svg);
	background-attachment: scroll;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 24px 34px;
	
	color: #FFFFFF;
	margin: 10px 0px;
	padding: 0px 0px 0px 30px;

}
.no_mark {
	color: #FFFFFF;
	margin: 10px 0px;
	padding: 0px;
}

h1.shouhinmei {
	background-image: url(images/img_common/entry-title_candle.svg);
	background-attachment: scroll;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 24px 34px;

	color: #FFFFFF;
	margin: 10px 0px;
	padding: 0px 0px 0px 30px;
}

.entry-content {
	color: #FFFFFF;
	padding-bottom: 30px;
}
.updated,
.byline,
.cat-links {
	display: none;
}
.entry-footer {
	border-top: 1px dotted #FFFFFF;
	padding: 10px 0px;
	clear: both;
}
.entry-footer span,
.entry-footer span a {
	color: #FFFFFF;
	text-decoration: none;
	float: left;	
}


.entry-content ul {
	margin: 10px 10px 10px 30px;
	padding: 0px;
}
.entry-content ul li {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}


.entry-content h1 {
	font-size: 120%;	
}
.entry-content h2 {
	font-size: 120%;
	font-weight: bold;
}
.entry-content p {
	line-height: 1.75;
}

.entry-content p img {
	width: 100%;
	height: auto;
}
.alignleft {
	float: left;
	margin-bottom: 10px;
	box-sizing: border-box;
	display: block;
}



/*-------------------販売ページの緑のタグ調整　2017.05.09------------------------*/
/*------------------- 一覧表の設定 ------------------------*/

.tag_nav {
	position: absolute;
	bottom: 0px;
}
.tag_nav a {
	float: left;
	padding: 4px;
	border-radius: 4px;
	background-color: #14ac9d;
	color: #FFFFFF;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	margin: 1px 4px 1px 0px;
}


/*------------------- オーダーメイドのサンプル画像の下調整　2017.05.09------------------------*/
.samplebox::after {
	content: "";
	display: block;
	clear: both;
}





/*-------------------教室ページ------------------------*/

.lesson_list {
margin: 0px;
padding: 0px  0px 50px 0px;
}
.lesson_list dd {
	margin: 10px;
}
.lesson_name {
	background-image: url(images/img_common/entry-title_candle.svg), url(images/img_common/underline.png);
	background-attachment: scroll;
	background-position: left 2px, left bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 24px 34px, 100% auto;

	font-size: 120%;
	font-weight: bold;
	text-indent: 30px;
	color: #FFFFFF;
	padding: 8px 0px;
}
.lesson_thumb {
	display: block;
	padding: 0px;
	width: 100px;
	height: 100px;
	float: left;
	
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
}
.lesson_outline {
	padding: 0px 0px 0px 115px;
	line-height: 1.5;
}
.lesson_outline a {
	display: block;
	padding-top: 10px;
}


#lesson1_aroma {
	background-image: url(images/img_kyoushitsu/lesson1_aroma.jpg);
}
#lesson1_cupcake {
	background-image: url(images/img_kyoushitsu/lesson1_cupcake-new.jpg);
}
#lesson1_lantern {
	background-image: url(images/img_kyoushitsu/lesson1_lantern_20250504.webp);
}
#lesson1_botanicalpiller {
	background-image: url(images/img_kyoushitsu/lesson1_botanicalpiller_20250504.webp);
}
#lesson1_difuser {
	background-image: url(images/img_kyoushitsu/lesson1_difuser1.jpg);
}
#lesson_craft1 {
	background-image: url(images/img_kyoushitsu/lesson_craft1_1.jpg);
}
#lesson_craft2 {
	background-image: url(images/img_kyoushitsu/lesson_craft2_1.jpg);
}
#lesson_craft3 {
	background-image: url(images/img_kyoushitsu/lesson_craft3_1.jpg);
}
#lesson_cafe {
	background-image: url(images/img_kyoushitsu/lesson_cafe_1.jpg);
}
#lesson_botanical {
	background-image: url(images/img_kyoushitsu/lesson_botanical_1.jpg);
}
#lesson_botanical2 {
	background-image: url("images/img_kyoushitsu/lesson_botanical2_1.jpg");
}

.detail {
	padding-bottom: 1em;
	clear: both;
}
.photo_large {
	float: left;
	margin: 0px 10px 2px 0px;
}

.photo_large img {
	display: block;
	width: 100%;
	height: auto;
}
.photo_small {
	min-height: 90px;
}
.photo_small img {
	display: block;
	width: 90px;
	height: auto;
	margin: 1px;
	padding: 0px;
	float: left;
}
.price {
	clear: both;
}
.price span {
	font-size: 150%;
	font-weight: bold;
	padding: 0px 2px;
}
li .price span {
	font-size: 100%;
	font-weight: normal;
}

.eachpage_time,
.eachpage {
	float: left;
	color: #FFFFFF;
}
.eachpage a {
	padding: 2px;
	border-radius: 4px;
	background-color: #14ac9d;
	color: #FFFFFF;
	text-align: center;
	margin: 0px 4px;
	line-height: 1;
	text-decoration: none;
}



.oshirase_visual {
	text-align: center;
	margin: 0px auto;
}
.oshirase_visual img {
	display: block;
	width: 100%;
	height: auto;
}
.oshirase_information {
	padding-bottom: 1em;
}


.shouhin_title {
	font-weight: bold;
	font-size: 120%;
}
.dummy {
	color: #FFFFFF;
}

.lesson_detail::after {
	content: "";
	display: block;
	clear: both;
}






/*-------------------見つかりません------------------------*/

.error-404 h1,
.error-404 p {
	color: #FFFFFF;
}

/*-------------------問い合わせ用ボタン------------------------*/
.toiawasebutton {
	margin: 30px auto;
	display: block;
	text-align: center;
	clear: both;
}

.toiawasebutton span {
	text-align: center;
	min-height: 1em;
	padding: 10px 4px;
	background-image: linear-gradient(180deg, rgba(121, 147, 212, 1.00) 0%, rgba(80, 98, 141, 1.00) 100%);
	border-radius: 4px;
}
.toiawasebutton a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 6px 8px;
	box-sizing: border-box;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
}






.calendar-mark {
	font-size: 12px !important;
	padding: 0px 0px 0px 2px !important;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------メディア切替------------------------*/

/*375 iPhone6のポートレイト*/
@media screen and (min-width: 375px) {
	#wrap {
		padding-left: 15px;
		padding-right: 15px;
	}
	.alignleft {
		margin-right: 30px;
	}
	.photo_small img {
		width: 98px;
	}
}






/*414 iPhone6plusのポートレイト*/
@media screen and (min-width: 414px) {
}




	/*568 iPhone5sのランドスケープ*/
@media screen and (min-width: 568px) {
	#wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
	#footermenu_1 {
		width: 40%;
		float: left;
	}
	#footermenu_2 {
		padding-left: 40%;
		min-height: 120px;
		box-sizing: border-box;
		position: relative;
	}
	.entry-content p img {
		width: 70%;
	}
	.photo_large img {
		width: 300px;
		height: 300px;
	}
	.photo_small img {
		display: block;
		width: 100px;
		height: auto;
		margin: 1px 2px;
		padding: 0px;
		float: none;
	}
	.oshirase_visual img {
		width: 300px;
		float: left;
		margin-right: 10px;
	}
}



	
	/*667 iPhone6のランドスケープ以上になったら*/
@media screen and (min-width: 668px) {
	#top_bg h1 {
		margin: 1em 0px 0.5em 0px;
	}
.entry-content p img {
	width: 300px;
	height: auto;
}
}


	/*736 iPhone6plusのランドスケープ*/
@media screen and (min-width: 736px) {
}



	/*768 iPadのポートレイト*/
@media screen and (min-width: 768px) {
	body {
		background-image: url(images/img_common/background.jpg);
		background-attachment: scroll;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
		}
	#coverlayer {
		display: none;
		}
	#menu_pulltub {
		display: none;
		}
	#site_footer {
		position: absolute;
		bottom: 0px;
		right: 30px;
		left: 30px;
	}
	#site_footer small {
		text-align: right;
		}
	#site-title {
		background-position: top left;
		height: 40px;
		width: 50%;
		position: absolute;
		margin: 30px 0px 15px 0px
		}
	#slidemenu {
		display: none;
	}
	#widemenu {
		display: block;
		}
		
	#article_bg {
		margin: 10px auto;
	}
		
	#article_bg #page_bg>article {
		height: 650px;
		overflow: auto;
	}
	.entry-content {
		padding: 0px 15px;
	}
	.photo_small {
		margin-bottom: 2em;
	}
	#sidebar-hanbai {
		display: block;
		width: 200px;
	}
		#sidebar-hanbai form.search-form {
		padding: 20px 10px 0px 10px;
	}
		#sidebar-hanbai input.search-field {
			width: 160px;
		}
		aside {
			width: 200px;
			padding-top: 60px;
		}
}



	/*1024 iPadのランドスケープ*/
@media screen and (min-width: 1024px) {
	.centering {
		max-width: 1024px;
		margin: 0 auto;
		position: relative;
		}
	.site-info {
		margin: 0 auto;
		position: relative;
		}
	#widemenu {
		padding-top: 90px;
		}
	#widemenu ul li {
		padding: 0px 30px 4px 0px;
		}
	#site_footer {
		max-width: auto;
		}
	#article_bg #page_bg>article {
		height: 400px;
	}
	.oshirase_information {
		padding-bottom: 2em;
	}
}

	/*1025 以上のとき*/
@media screen and (min-width: 1025px) {
	body {
		background-attachment: fixed;
}
	#wrap {
		min-height: 768px;
		box-sizing: border-box;
		padding-bottom: 70px;
		position: relative;
	}
	#site_footer {
		position: static;
		bottom: 0px;
		right: 0px;
		left: 0px;
		padding-right: 30px;
	}
	#article_bg #page_bg>article {
		height: 650px;
	}
}

@media screen and (min-width: 1025px) and (min-height: 769px) {
		#site_footer {
		position: absolute;

	}
}




/*1280x800のPC */
@media screen and (min-width: 1280px) {
}



/*1367x1025以上のPC */
@media screen and (min-width: 1367px) and (min-height: 1025px) {
	body {
		min-height: 100%;
	}
	#article_bg #page_bg>article {
		height: auto;
	}
	body {
		background-attachment: fixed;
		}
}