/*
Theme Name: bansyo_okinawa
Theme URL: https://bansyo-okinawa.jp/
Description: テーマの説明
Author: 作者の名前
Version: テーマのバージョン
Tags: テーマの特徴を表すタグ（カンマ区切り/オプション）
License: テーマのライセンス
License URI: テーマのライセンスのURI
*/
/* この下に通常のcssを書いていく */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
*{
	margin:0px;
	padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
}

a {
    margin:0;
    padding:0;
    color: #089dd4;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

a:hover {
    color:#5B6D44;
}

img{
	border:0px;
	vertical-align:top;
}
ol, ul{
    list-style:none;
}
caption, th{
    text-align: left;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
    overflow-y: scroll;
    scroll-behavior: smooth;
}



/*smartphone*/
/*------------------------------------------------------------------------------*/

html { -webkit-text-size-adjust: none; }
a { -webkit-tap-highlight-color: rgba(0,0,0,0.3);}


/*base*/
/*------------------------------------------------------------------------------*/
body{
	/*font-family: "Sawarabi Mincho", sans-serif;
	font-style: normal;
	font-weight: 100;
	color:#333;
	font-weight:normal;
	font-size: 100%;
	line-height:1.7;
	word-break:break-all;
	*/
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0.5em;
  line-height: 3em;
}

p { font-size: 100%; }

a{
	text-decoration: none;
	color: #089dd4;
}
a:hover { opacity: 1.0; text-decoration: none; }
a:hover img{
	opacity: 1.0;
}

.clear{clear:both;}
.clearfix:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
section:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

@media (prefers-reduced-motion: no-preference) { /* ここを追加 */
  html:focus-within {
    scroll-behavior: smooth;
  }
}

.FloatLeft { float: left; }
.FloatRight { float: right; }

/* 万鐘 */
#wrapper { margin: 0; width: 100%; }
.container { width: 100%; margin: 0 auto; }
header.header { display: block; background: url("/wp-content/themes/bansyo_okinawa/images/header_bg.png") repeat-x; }
header.header h1 { width: 195px; height: auto; }
.header_cont { width: 1440px; margin: 0 auto; }
.main_image { width: 1440px; height: 655px; padding-top: 85px; background: url("/wp-content/themes/bansyo_okinawa/images/main_image.jpg") no-repeat 0 85px / contain; position: relative; }
.header_inquiry a { position: absolute; background: url(/wp-content/themes/bansyo_okinawa/images/inquiry_icon.svg) no-repeat left; font-size: 1.5em; color: #333333 !important; bottom: 20px; right: 10px; padding-left: 2em; background-size: 15%; }
.sp_header { display: none; }

footer.footer { background: #cbcbcb; color: #ffffff; letter-spacing: 0.1em; padding: 2em 0; }
footer.footer a { color: #ffffff!important; }
.footer_centre { width: 550px; margin: 0 auto; padding: 2em 0; }
.footer_logo { width: 125px; height: auto; float: left; }
.footer_logo img {  width: 100%; height: auto; }
.footer_address { width: 360px; float: left; line-height: 2em; margin-left: 2em; }


.main_content { width: 1440px; margin: 0 auto; }

.theme_cont { text-align: center; padding: 4em 0; }
.theme_cont h2 { font-size: 3em; color: #076baf; font-weight: 600; padding: 0 0 1.3em 0; }
.theme_cont h3 { font-size: 1.5em; }

.menu_cont { width: 1240px; margin: 0 auto 4em; font-size: 1.4em; }
.menu_cont li { width: 275px; height: 300px; float: left; margin-right: 1.6em; text-align: center; background-position: center; background-size: 275px 300px; padding: 6.3em 0 0; line-height: 1.5em; letter-spacing: 0.1em; }
.menu_cont .menu01 { background: url("/wp-content/themes/bansyo_okinawa/images/menu_btn01.svg") no-repeat; }
.menu_cont .menu02 { background: url("/wp-content/themes/bansyo_okinawa/images/menu_btn02.svg") no-repeat; }
.menu_cont .menu03 { background: url("/wp-content/themes/bansyo_okinawa/images/menu_btn03.svg") no-repeat; }
.menu_cont .menu04 { background: url("/wp-content/themes/bansyo_okinawa/images/menu_btn04.svg") no-repeat; }

#work01 { background: #daeef7; margin-bottom: 8em; }
.cont01 { width: 1440px; margin: 0 auto; }
.cont01_photo { width: 460px; float: left; }
.cont01_photo img { width: 100%; height: auto; }
.cont01_text { width: 840px; float: right; padding: 6em 0; }
.cont01_text h2 { font-size: 2em; font-weight: 600; padding: 0 0 1em 0; }
.cont01_text h3 { font-size: 1.6em; padding: 0 0 2em 0; font-weight: 100; }
.content_text { font-size: 1.2em; margin-bottom: 4em; }
.content_category {  }
.category_text { background: url("/wp-content/themes/bansyo_okinawa/images/yellow_line.png") no-repeat left bottom; }

#work02 { background: #ffffff; }
.cont02 { width: 1440px; margin: 0 auto; }
.cont02_photo { width: 460px; float: right; }
.cont02_photo img { width: 100%; height: auto; }
.cont02_text { width: 840px; float: left; padding: 6em 0; }
.cont02_text h2 { font-size: 2em; font-weight: 600; padding: 0 0 1em 0; }
.cont02_text h3 { font-size: 1.6em; padding: 0 0 2em 0; font-weight: 100; }

#middle_image  { width: 100%; height: 955px; padding-top: 85px; background: url("/wp-content/themes/bansyo_okinawa/images/middle_image.jpg") no-repeat 0 85px / cover; }

#work03 { background: #ffffff; margin-bottom: 8em; }
.cont03 { width: 1440px; margin: 0 auto; }
.cont03_photo { width: 460px; float: left; }
.cont03_photo img { width: 100%; height: auto; }
.cont03_text { width: 840px; float: right; padding: 6em 0; }
.cont03_text h2 { font-size: 2em; font-weight: 600; padding: 0 0 1em 0; }
.cont03_text h3 { font-size: 1.6em; padding: 0 0 2em 0; font-weight: 100; }

#work04 { background: #ffffff; }
.cont04 { width: 1440px; margin: 0 auto; }
.cont04_photo { width: 460px; float: right; }
.cont04_photo img { width: 100%; height: auto; }
.cont04_text { width: 840px; float: left; padding: 6em 0; }
.cont04_text h2 { font-size: 2em; font-weight: 600; padding: 0 0 1em 0; }
.cont04_text h3 { font-size: 1.6em; padding: 0 0 2em 0; font-weight: 100; }