@charset "utf-8";

@media screen and (min-width: 1015x){

img {
max-width: 100%;
height: auto;
width /***/: auto;
display: block;
}

.wrapper, .content_page {
float: none;
margin: 0px;
width: auto;
}

}

body {
background-color: #FFFFFF;
overflow-x: hidden;
margin: 0px;
padding: 0px;
font-size: 80%;
line-height: 2.0em;
color: #3B3B3B;
font-family: Verdana, 'Lucida Grande',Meiryo,Osaka,"ＭＳ Ｐゴシック", Arial,Osaka, sans-serif; 
text-align: justify;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure {
margin: 0px;
padding: 0px;
}

ul {
list-style-type: none;
}

img {
border: none;
vertical-align: bottom;
}

input,textarea,select {
font-size: 1em;
}

form {
margin: 0px;
}

hr.noframe {
margin: 0px;
border: solid 0px #F9F8F7;
clear: both;
}

.c {
text-align: center;
}



 /* Font AwesomeをCSSの疑似要素（before）で使う
-------------------------------------*/
.bomb:before {
font-family: "Font Awesome 5 Free";
content: '\f1e2';
font-weight: 900;
}


.f-24px {
font-size: 1.5rem;
}

.f-20px {
font-size: 1.25rem;
}

.f-16px {
font-size: 1rem;
}

.f-14px {
font-size: 0.875rem;
}

.f-12px {
font-size: 0.750rem;
}

.f-10px {
font-size: 0.625rem;
}

header {
background: #FFFFFF;
}

#mainImage {
overflow: hidden;
position: relative;
display: inline-block;
margin: 75px auto 15px auto;
}

#wrapper {
clear: both;
width: 1015px;
margin: 0px auto 0px auto;
}


#content_page {
width: 99%;
padding-bottom: 30px;
margin: 5px auto 5px auto;
}

#content_page h2 {
clear: both;
font-size: 250%;
color: #C80000;
padding: 10px 5px;
font-weight: normal;
}

#content_page h3 {
clear: both;
margin: 30px 0px 20px 5px;
background: #3C5A96;
color: #FFFFFF;
font-size: 160%;
padding: 10px 15px;
font-weight: normal;
}

#content_page h4 {
clear: both;
padding: 5px 15px 5px 20px;
font-size: 130%;
margin-top: 1em;
margin-bottom: 0.5em;
color: #222F99;
font-weight: normal;
}

figure.cut {
float: right;
margin: 10px;
padding: 10px 10px 10px 10px;
}

.btn {
width: 100%;
display: block;
margin: 10px auto 30px auto;
}

figure.photo {
padding: 10px 10px 5px 10px; 
background: #FEFEFE;
border: 1px solid #DFE0E4;
margin: 10px 20px 30px 10px; 
float: right;
}

figure.photo span {
display: block;
text-align: center;
font-size: 80%;
color: #6C6C6E;
padding: 5px 0px 0px 0px;
}

#content_page p {
padding: 10px 25px 20px 25px;
color: #3C3C3C;
line-height: 1.7em;
font-size: 100%;
}

#content_page p.smallText {
padding: 0px 25px 15px 25px;
color: #3F3F3F;
line-height: 1.7em;
}

section {
clear: both;
margin: 30px auto 30px auto;
}

.crad-fontSize {
font-size: 80%;
font-weight: normal;
}

.my-space {
margin: 10px ;
 }
 
 
 /* 写真レイアウト
-------------------------------------*/
div.photo {
width: 100%;
overflow: hidden;
padding: 5px 0px 10px 5px; 
background: #FEFEFE;
margin: 10px 0px 20px 0px; 
}

div.photo span {
display: block;
text-align: center;
font-size: 100%;
color: #1B1B1B;
padding: 10px 10px 5px 10px;
}

div.photo span.t_name {
display: block;
text-align: center;
font-size: 100%;
color: #1B1B1B;
padding: 5px 15px 10px 10px;
}

div.photo p {
display: block;
text-align: center;
font-size: 110%;
color: #1B1B1B;
padding: 10px 10px 0px 10px;
}


/* オーダーボックス
-------------------------------------*/
input.orderbox {
clear: both;
background: #FB919B;
border: 0px solid #2B497B;
margin: 5px auto 5px auto;
text-align: center;
width: 100%;
padding: 5px;
font-size: 13px;
font-weight: normal;
cursor: pointer;
color: #FFFFFF;
}

input.orderbox:hover{
background: #FB019B;
text-decoration: none;
}

button.orderbox {
clear: both;
background: #FB919B;
border: 0px solid #2B497B;
margin: 5px auto 5px auto;
text-align: center;
width: 100%;
padding: 5px;
font-size: 13px;
font-weight: normal;
cursor: pointer;
color: #FFFFFF;
}

button.orderbox a {
color: #FFFFFF;
}

button.orderbox:hover{
background: #FB019B;
text-decoration: none;
}


img.fullSize {
width: 80%;
margin: 0px auto 10px auto;
text-align: center;
}


img.img-fulied {
width: auto;
}


/* お問い合わせチャットサポート
-------------------------------------*/
#inquiry {
position: fixed;
top: 180px;
right: 10px;
background-color: transparent;
z-index: 10;
}

* html #inquiry {
position: absolute;
}

#inquiry a {
background: transparent url(../images/go_inquiry.png) left top no-repeat;
display: block;
width: 128px;
height: 128px;
text-indent: -9999px;
}

#inquiry a:hover {
background-position: left bottom;
}




/* ページトップ
-------------------------------------*/
a#pagetop {
clear: both;
display: none;
}

a#gopagetop {
position: fixed;
bottom: 60px;
right: 0px;
width: 100px;
height: 100px;
}



/* フッタ 
-------------------------------------*/
footer {
clear: both;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
color: #F9F9F9;
border-top: 1px solid #2B497B;
background: #3C5A96;
height: 120px;
}

footer a {
text-decoration: none;
color: #F1F1F1;
}

footer a:hover {
color: #FFFFFF;
}

footer a:visited {
color: #F9F9F9;
text-decoration: none;
}


.t_center {
text-align: center;
}