@charset "utf-8";

/* ========================================================================================================================/
	
	Document    : basic.css
	Description : ブラウザスタイルのリセットと基本設定（2015/12/16 改定）

		0-0, reset
		1-0, base
		2-0, layout
		3-0, font & text
		4-0, image
		5-0, form
		etc, margin
		etc, padding
		etc, width

/======================================================================================================================== */

/* ------------------------------------------------------------------------------------------------------------------------/
	0-0, reset
/------------------------------------------------------------------------------------------------------------------------ */

* { margin:0; padding:0; }

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,
caption,tbody,tfoot,thead,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    border:0;
    outline:0;
    margin:0;
    padding:0;
}

body {
    line-height:1.5;
	}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
	}

nav ul {
    list-style:none;
	}

blockquote,q {
    quotes:none;
	}

blockquote:before,blockquote:after,
q:before,q:after {
    content:'';
    content:none;
	}

a {
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	outline:none !important;
    margin:0;
    padding:0;
	}

ins {
    color:#000000;
    text-decoration:none;
    background-color:#ffff99;
	}

mark {
    color:#000000;
    font-style:italic;
    font-weight:bold;
    background-color:#ffff99;
	}

del {
    text-decoration:line-through;
	}

abbr[title],dfn[title] {
    border-bottom:1px dotted inherit;
    cursor:help;
	}

address {
	font-style:normal;
	}

table {
    border-collapse:collapse;
    border-spacing:0;
	}
	table th,td {
		empty-cells:show;
		}

hr {
    display:none;
	}

input,select {
    vertical-align:middle;
	}

img {
	vertical-align:top;
	}

img.fitimg {
	width:100%;
	}

.puppyroom img.fitimg {
	width:100%;
	max-height:210px;
	object-fit:contain;
	}

@media screen and (max-width:640px){
.puppyroom img.fitimg {
	width:100%;
	max-height:580px;
	object-fit:contain;
	}
	}


/* ------------------------------------------------------------------------------------------------------------------------/
	1-0, base
/------------------------------------------------------------------------------------------------------------------------ */

html { height:100%; }

body {
	height:100%;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
	2-0, layout
/------------------------------------------------------------------------------------------------------------------------ */

.cl:after {
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
	font-size:0;
	content:" ";
	}
* html .cl             { zoom: 1; } /* IE6 */
*:first-child+html .cl { zoom: 1; } /* IE7 */

.cb { clear:both; line-height:0; font-size:0; }
.fn { float:none !important; }
.fl { float:left !important; }
.fr { float:right !important; }

.line0 { line-height:0 !important; font-size:0 !important; }


/* ------------------------------------------------------------------------------------------------------------------------/
	3-0, font & text
/------------------------------------------------------------------------------------------------------------------------ */

.text-l { text-align:left !important; }
.text-r { text-align:right !important; }
.text-c { text-align:center !important; }

.indent 	{ text-indent:1em; }
.indent-r 	{ text-indent:-1em; padding-left:1em; }

a:link 		{ color:#0c308e; text-decoration:underline; }
a:visited 	{ color:#0c308e; text-decoration:underline; }
a:hover 	{ color:#dd3119; text-decoration:none; }

.bold 		{ font-weight:bold !important; }
.underline 	{ border-bottom:solid #e5002f 1px !important; }

.fc-normal 	{ color:#121212 !important; }
.fc-red 	{ color:#e50012 !important; }
.fc-blue 	{ color:#2c3286 !important; }
.fc-pink 	{ color:#ff4d4d !important; }

@media screen and (min-width:641px),print {

.fsize10 	{ font-size:10px !important; }
.fsize11 	{ font-size:11px !important; }
.fsize12 	{ font-size:12px !important; }
.fsize13 	{ font-size:13px !important; }
.fsize14 	{ font-size:14px !important; }
.fsize15 	{ font-size:15px !important; }
.fsize16 	{ font-size:16px !important; }
.fsize17 	{ font-size:17px !important; }
.fsize18 	{ font-size:18px !important; }
.fsize19 	{ font-size:19px !important; }
.fsize20 	{ font-size:20px !important; }
.fsize21 	{ font-size:21px !important; }
.fsize22 	{ font-size:22px !important; }
.fsize23 	{ font-size:23px !important; }
.fsize24 	{ font-size:24px !important; }
.fsize25 	{ font-size:25px !important; }
.fsize26 	{ font-size:26px !important; }
.fsize27 	{ font-size:27px !important; }
.fsize28 	{ font-size:28px !important; }
.fsize29 	{ font-size:29px !important; }
.fsize30 	{ font-size:30px !important; }

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

.fsize10 	{ font-size:17px !important; }
.fsize11 	{ font-size:18px !important; }
.fsize12 	{ font-size:19px !important; }
.fsize13 	{ font-size:20px !important; }
.fsize14 	{ font-size:21px !important; }
.fsize15 	{ font-size:22px !important; }
.fsize16 	{ font-size:23px !important; }
.fsize17 	{ font-size:24px !important; }
.fsize18 	{ font-size:25px !important; }
.fsize19 	{ font-size:26px !important; }
.fsize20 	{ font-size:27px !important; }
.fsize21 	{ font-size:28px !important; }
.fsize22 	{ font-size:29px !important; }
.fsize23 	{ font-size:30px !important; }
.fsize24 	{ font-size:31px !important; }
.fsize25 	{ font-size:32px !important; }
.fsize26 	{ font-size:33px !important; }
.fsize27 	{ font-size:34px !important; }
.fsize28 	{ font-size:35px !important; }
.fsize29 	{ font-size:36px !important; }
.fsize30 	{ font-size:37px !important; }

}


/* ------------------------------------------------------------------------------------------------------------------------/
	4-0, image
/------------------------------------------------------------------------------------------------------------------------ */

img 		{ border:0; vertical-align:bottom; }
.img-t_in 	{ vertical-align:top !important; }
.img-b_in 	{ vertical-align:bottom !important; }
.img-t 		{ vertical-align:bottom !important; }
.img-b 		{ vertical-align:top !important; }

.ro:hover {
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter:"alpha( opacity=75 )";
	background:#ffffff;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
	5-0, form
/------------------------------------------------------------------------------------------------------------------------ */

input,textarea,select,option,label {
	font-size:15px;
	font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
	}
input[type=text],textarea,select {
	border:solid 3px #efefef;
	}
input[type=text]:focus,textarea:focus,select:focus {
	transition:0.25s;
	border:solid 3px #ff4d4d;
	}

input {
	padding:5px 10px;
	}
textarea {
	width:96%;
	padding:5px 10px;
	}
select {
	padding:5px 10px;
	}
label 		{ vertical-align:middle; text-decoration:underline; cursor:pointer; }
label:hover { vertical-align:middle; text-decoration:none; cursor:pointer; }
	label input {
		vertical-align:middle;
		margin-right:5px;
		}

.fm-error input[type=text],
.fm-error textarea {
	transition:0.25s;
	background:#ffeeee;
	border-color:#ff4d4d;
	}