@charset "UTF-8";
/*
Theme Name: buzzuuu.net
Version: 1.0.0
*/

/****************************************
General Setting
*****************************************/
html,body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,table,th,td {box-sizing: border-box;}

html {
	margin: 0px auto;
}


body {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.8em;
	margin: 0px auto;
	padding: 0px;
	min-width: 1170px;
	color: #000;
	position: relative;
	overflow-x: hidden;
}
.fontLato {
	font-family: "Lato";
	letter-spacing: 1px;
	font-weight: 500;
}

.fontNoto {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 300;
}
img {
	border-style:none;
	max-width: 100%;
	height: auto;
}
strong{
	font-weight: 600;
}

/****************************************
Typography
*****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

/****************************************
List
*****************************************/

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

li { list-style: none; }


.sp,
.sponly  {display:none}
span.pcbr { display: block; }

.wp-pagenavi{clear: both;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;border: 1px solid #BFBFBF;padding: 3px 5px;margin: 2px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000;}
.wp-pagenavi span.current {font-weight: bold;}

/****************************************

Link

*****************************************/

a {
	color: #3E3A39;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #737272;
}

a:hover img { opacity: 0.7; }

img {
	max-width: 100%;
}

p {
	margin-top: 0px;
}

hr.line {
	border: 0px;
	height: 1px;
	width: 100%;
	background: #ddd;
}

/****************************************

Layout

*****************************************/
#maincon {
	padding: 0px 0px 0px;
}

.container {
	margin-left: auto;
	margin-right: auto;
}

.wrapper {
	text-align: leftr;
	margin-left: auto;
	margin-right: auto;
	width: 1050px;
	position: relative;
}

#footercopy {
    padding: 20px 0px 110px;
    text-align: center;
    font-size: 14px;
    margin: 0px;
    background: #F5F5F5;
    color: #000;
}

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { text-align: center;}
.txtleft { text-align: left; }
.txtright { text-align: right; }
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}
/****************************************

Navigation

*****************************************/



.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font21 { font-size: 21px; }
.font22 { font-size: 22px; }
.font24 { font-size: 24px; }
.font28 { font-size: 28px; }
.font30 { font-size: 30px; }
.font36 { font-size: 36px; }

/****************************************

margin

*****************************************/

.mt0 { 	margin-top: 0px; }
.mt5 { 	margin-top: 5px; }
.mr5 { margin-right: 5px; }
.ml5 { 	margin-left: 5px; }
.mb5 { margin-bottom: 5px; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }
.mb10 { margin-bottom: 10px; }
.mt20 { margin-top: 20px; }
.mr20 { margin-right: 20px; }
.ml20 { margin-left: 20px; }
.mb20 { margin-bottom: 20px; }
.mt30 { margin-top: 30px; }
.mr30 { margin-right: 30px; }
.ml30 { margin-left: 30px; }
.mb30 { margin-bottom: 30px; }
.mt40 { margin-top: 40px; }
.mr40 { margin-right: 40px; }
.ml40 { margin-left: 40px; }
.mb40 { margin-bottom: 40px; }
.mt50 { margin-top: 50px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr80 { margin-right: 80px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }

/****************************************

padding

*****************************************/
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pl10 { padding-left: 10px; }
.pb10 { padding-bottom: 10px; }
.pt20 { padding-top: 20px; }
.pr20 { padding-right: 20px; }
.pl20 { padding-left: 20px; }
.pb20 { padding-bottom: 20px; }
.pt30 { padding-top: 30px; }
.pr30 { padding-right: 30px; }
.pl30 { padding-left: 30px; }
.pb30 { padding-bottom: 30px; }
.pt40 { padding-top: 40px; }
.pr40 { padding-right: 40px; }
.pl40 { padding-left: 40px; }
.pb40 { padding-bottom: 40px; }
.pt50 { padding-top: 50px; }
.pr50 { padding-right: 50px; }
.pl50 { padding-left: 50px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pt70 { padding-top: 70px; }
.pb80 { padding-bottom: 80px; }
.pb100 { padding-bottom: 100px; }


.marker {
	background: linear-gradient(transparent 60%, #E8D062 60%);align-content
}
.marker02 {
	background: linear-gradient(transparent 60%, #F5F650 60%);align-content
}
.red { color: #f00; }
.contactform {
	border: solid 0px #c99269;
	border-collapse:collapse;
	text-align: left;
	line-height: 1.5em;
	width: 100%;
	font-size: 16px;
	color: #333;
}

.contactform th { border: solid 1px #dddddd; background:#f6f6f6; text-align: left; padding:10px 10px; font-weight: 400; width: 15em;     vertical-align: top;}
.contactform td { border: solid 1px #dddddd; padding: 10px 10px; background-color: #fff;     vertical-align: top;}
.contactform .hissu { color: #fff; display: inline-block; background: #ee0000; padding: 1px 5px; float: right; font-size: 14px;}
.contactform .spw { vertical-align: text-bottom; display: inline-block; line-height: 2em; }

.contactform .kikake span.wpcf7-list-item,
.contactform .kininarukou span.wpcf7-list-item,
.contactform .shubetu span.wpcf7-list-item { display: block; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
	font-family: "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";
	margin: 0;
	max-width: 100%;
	width: 300px;
	outline: none;
	border: 1px solid #aaa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	vertical-align: bottom;
	font-size: 16px;
	line-height: 1.8em;
	padding: 2px;
}

input[name="hope"] {
	border: 0px solid #ddd;
}
span.wpcf7-list-item { margin: 0px 1em 0px 0px !important; }
.yobo span.wpcf7-list-item,
.kibosiryou span.wpcf7-list-item { display: block; }
.wpcf7-form-control-wrap { line-height: 2em; }
input#zip { width: 8em !important; }
input.year { width: 4em; margin-left: 10px; margin-right: 3px;}
input.month { width: 2em; margin-left: 10px; margin-right: 3px;}
input#addr2 { width: 80%;}

#text-18 { width: 98%; border: 0px; }
textarea { width: 90%; }

div.wpcf7 .wpcf7-submit:disabled {
	background: #aaa;
	border-color: #aaa;
	color: #ddd;
}

.wpcf7-form input[type=button],
.wpcf7-form input[type=submit]{
	font-family: "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";
	background:#537610;
	transition:all 0.3s;
	margin: 0px auto 0px;
	color:#fff;
	font-size: 24px;
	padding: 15px 50px;
	display: inline-block;
	cursor: pointer;
	border: 2px solid #537610;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #ddd;
}

.sec00 { position: fixed; bottom: 0px; width: 100%;  z-index: 100; }
.grecaptcha-badge { visibility: hidden; }
.sec00 ul { padding-top: 10px; padding-bottom: 5px; }
.sec00 ul li { display: inline-block; width: 32%; margin: 0px .3%;  vertical-align: middle; }
.sec00 ul li a { display: block; }
.sec00 ul li a img { display: block; }
.sec00 ul li a:hover img {  box-shadow: 1px 1px 7px #333; border-radius: 10px; }
.bg01 {
    background: #0073BC;
}

/* css追加をここの上に記載 */

@media (max-width: 1740px) {
}

@media (max-width: 1640px) {
}

@media (max-width: 1520px) {
}

@media (max-width: 1440px) {
}
@media (max-width: 1300px) {
}

@media (max-width: 1250px) {

}
/****************************************************
* 端末ごとの調整で、PCのcssはここ以下に追加しない
*****************************************************/