/* Theme Name: nory */

/*  2025/08/03 改修 */
/*----------------------------------------------------------------*/
/* CSSのflexboxを使ってボックスをタイル状に並べる Image 60% タイプ*/
/*  For mobile 640px */
article60{
   display:flex;
   flex-direction:column;
 }
 .article60_img{
   box-sizing:border-box;
   padding:20px;
   background:#e8e8e8;
   text-align:center;
 }
 .article60_img img{
   width:100%;
   height:auto;
 }
 .article60_text{
   box-sizing:border-box;
   width:100%;
   padding: 0 10px 10px 10px;

   background:#f5f5f5;
 }

/*  For tablet and PC over 640px */
 @media screen and (min-width:640px){
   article60{
     display:flex;
     flex-direction:row;
   }
   .article60_img{
     width:60%;
   }
   .article60_img img{
     position:relative;
     top:50%;
     transform:translateY(-50%);
   }
   .article60_text{
     width:40%;
     padding:4%;
   }
   article60:nth-child(2n+1){
     flex-direction:row-reverse;
   }
   article60:nth-child(2n+1) .article60_img{
     background:#d3d3d3;
   }
 }

/*----------------------------------------------------------------*/
/* CSSのflexboxを使ってボックスをタイル状に並べる Image 50% タイプ*/
/*  For mobile 640px */
article50{
   display:flex;
   flex-direction:column;
 }
 .article50_img{
   box-sizing:border-box;
   padding:20px;
   background:#e8e8e8;
   text-align:center;
 }
 .article50_img img{
   width:100%;
   height:auto;
 }
 .article50_text{
   box-sizing:border-box;
   width:100%;
   padding: 10px;

   background:#f5f5f5;
 }

/*  For tablet and PC over 640px */
 @media screen and (min-width:640px){
   article50{
     display:flex;
     flex-direction:row;
   }
    .article50_img{
     width:50%;
   }
   .article50_img img{
     position:relative;
     top:50%;
     transform:translateY(-50%);
   }
   .article50_text{
     width:50%;
     padding:4%;
   }
   article50:nth-child(2n+1){
     flex-direction:row-reverse;
   }
   article50:nth-child(2n+1) .article50_img{
     background:#d3d3d3;
   }
 }
/*----------------------------------------------------------------*/
/* CSSのflexboxを使ってボックスをタイル状に並べる Image 40% タイプ*/
/*  For mobile 640px */
article40{
   display:flex;
   flex-direction:column;
 }
 .article40_img{
   box-sizing:border-box;
   padding:20px;
   background:#e8e8e8;
   text-align:center;
 }
 .article40_img img{
   width:100%;
   height:auto;
 }
 .article40_text{
   box-sizing:border-box;
   width:100%;
   padding: 0 10px 10px 10px;

   background:#f5f5f5;
 }

/*  For tablet and PC over 640px */
 @media screen and (min-width:640px){
   article40{
     display:flex;
     flex-direction:row;
   }
    .article40_img{
     width:40%;
   }
   .article40_img img{
     position:relative;
     top:50%;
     transform:translateY(-50%);
   }
   .article40_text{
     width:60%;
     padding:4%;
   }
   article40:nth-child(2n+1){
     flex-direction:row-reverse;
   }
   article40:nth-child(2n+1) .article40_img{
     background:#d3d3d3;
   }
 }


/*-------------------------------------------------------------*/
/*  top title in table imagefile  */ 
/*  For PC minmun 960px           */
@media screen and (min-width: 960px) {
#toptitle {
    position:relative;
    top:70px;
    left: 100px;
    color: #8b4513;
    background:#fff;
    width:300px;
    height:0px;
    font-family:"Yu Gothic UI Semibold",sans-serif;
    font-size: 20px;
    text-align:center;
    line-height: 26px;
    }
#toptitlesmall {
    position:relative;
    top:70px;
    left: 100px;
    color: #8b4513;
    background:#fff;
    width:300px;
    height:0px;
    font-family:"Yu Gothic UI Semibold",sans-serif;
    font-size: 16px;
    text-align:center;
    line-height: 26px;
    }
#topsubtitle {
    position:relative;
    top:130px;
    left: 100px;
    color: #8b4513;
    background:#fff;
    width:300px;
    height:0px;
    font-family:"Yu Gothic UI Semibold",sans-serif;
    font-size: 16px;
    text-align:center;
    line-height: 24px;
    }
}
/*  For tablet 640-959px */
@media (min-width: 640px) and (max-width: 959px) {
#toptitle{
    position:relative;
    top:40px;
    left: 80px;
    color: #8b4513;
    background:#fff;
    width:300px;
    height:0px;
    font-family:"Yu Gothic UI Semibold",sans-serif;
    font-size: 20px;
    text-align:center;
    line-height: 26px;
    }
#toptitlesmall{
    position:relative;
    top:40px;
    left: 80px;
    color: #8b4513;
    background:#fff;
    width:300px;
    height:0px;
    font-family:"Yu Gothic UI Semibold",sans-serif;
    font-size: 16px;
    text-align:center;
    line-height: 26px;
    }
#topsubtitle{
    position:relative;
    top:100px;
    left: 80px;
    color: #8b4513;
    background:#fff;
    width:300px;
    height:0px;
    font-family:"Yu Gothic UI Semibold",sans-serif;
    font-size: 16px;
    text-align:center;
    line-height: 24px;
    }
}
/*  For mobile 640px */
@media (min-width: 0px) and (max-width: 639px) {
#toptitle{
    position:relative;
    top:40px;
    left: 80px;
    color: #8b4513;
    background:#fff;
    width:300px;
    height:0px;
    font-family:"Yu Gothic UI Semibold",sans-serif;
    font-size: 20px;
    text-align:center;
    line-height: 26px;
    }
#toptitlesmall	{
    position:relative;
    top:40px;
    left: 80px;
    color: #8b4513;
    background:#fff;
    width:300px;
    height:0px;
    font-family:"Yu Gothic UI Semibold",sans-serif;
    font-size: 16px;
    text-align:center;
    line-height: 26px;
    }
#topsubtitle	{
    position:relative;
    top:100px;
    left: 80px;
    color: #8b4513;
    background:#fff;
    width:300px;
    height:0px;
    font-family:"Yu Gothic UI Semibold",sans-serif;
    font-size: 16px;
    text-align:center;
    line-height: 24px;
}
}
/*-------------------------------------------------------------*/
/* top__cover 2段組みレイアウト */
/*  For PC minmun 960px         */
@media screen and (min-width: 960px) {
div.top__cover {
    position:relative;
    top:40px;
	display: table;
	border-spacing: 5px;
	margin: 10px 0 40px 0;
	padding: 0px;
	width: 100%;
}
div.top__cover div.box1 {
	display: table-cell;
	margin: 0px;
	padding: 0px 10px 5px 10px;
	width: 50%;
 vertical-align: top;
}
div.top__cover div.box1 img{
	height:100px;
    width:auto;
}

div.top__cover div.box2 {
	display: table-cell;
	margin: 0px;
	padding: 5px;
    width: 50%;
 vertical-align: top;
}
}

/*  For tablet 640-959px */
@media (min-width: 640px) and (max-width: 959px) {
/* top__cover 2段組みレイアウト */
div.top__cover {
    position:relative;
    top:0;
	display: table;
	border-spacing: 5px;
	margin: 0;
	padding: 0px;
	width: 100%;
}
div.top__cover div.box1 {
	display: table-cell;
	margin: 0px;
	padding: 20px 5px 5px 5px;
	width: 50%;
 vertical-align: top;
}
div.top__cover div.box1 img{
	height:100px;
    width:auto;
}
div.top__cover div.box2 {
	display: table-cell;
	margin: 0px;
	padding: 5px;
    width: 50%;
 vertical-align: top;
}
}

/*  For mobile 640px */
@media (min-width: 0px) and (max-width: 639px) {
div.top__cover {
	display: block;
	margin: 15px 0 0 0;
	}
div.top__cover div.box1 {
	display: block;
	width:95%;
	padding: 10px;
}
div.top__cover div.box1 img{
	height:100px;
    width:auto;
}

	div.top__cover div.box2 {
	display: block;
	width:95%;
	padding: 10px;
}
}

/*-------------------------------------------------------------*/
/* BOX レイアウト 2段組み  */
/*  For mobaile under 640px */
div.cover {
	display: block;
    margin: 0px;
}
div.cover div.box1, div.box2 {
	display: block;
	width:95%;
	padding: 10px;
}
div.cover div.box1 img, div.cover div.box2 img{
    padding:10px 0 10px 0;
}

/*  For tablet and PC over 640px */
 @media screen and (min-width:640px){
div.cover {
	display: table;
	border-spacing: 5px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
div.cover div.box1, div.box2 {
	display: table-cell;
	margin: 0px;
	padding: 5px;
	width: 50%;
 vertical-align: top;
}
div.cover div.box1 img, div.cover div.box2 img{
    padding:10px 0 10px 0;
}
}

/*-------------------------------------------------------------*/
/* BOX レイアウト 2段組みImages レイアウト */
/*  For mobaile under 640px */
div.coverimg {
	display: block;
   margin: 0px;
}
div.coverimg div.box1 {
	display: block;
	width:95%;
	padding: 10px;
}
div.coverimg div.box2 {
	display: block;
	width:95%;
	padding: 10px;
}

/*  For tablet and PC over 640px */
 @media screen and (min-width:640px){
div.coverimg {
	display: table;
	border-spacing: 5px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
div.coverimg div.box1 {
	display: table-cell;
	margin: 0px;
	padding: 5px;
	width: 60%;
 vertical-align: top;
}
div.coverimg div.box2 {
	display: table-cell;
	margin: 0px;
	padding: 5px;
    width: 40%;
 vertical-align: middle;
}
}

/*-------------------------------------------------------------*/
/* BOX レイアウト 2段組みImages2 Concept レイアウト */
/*  For mobaile under 640px */
div.coverimg2 {
	display: block;
    margin: 0px;
}
div.coverimg2 div.box1 {
	display: block;
	width:95%;
	padding: 10px;
    
}
div.coverimg2 div.box2 {
	display: block;
	width:95%;
	padding: 10px;
}

/*  For tablet and PC over 640px */
 @media screen and (min-width:640px){
div.coverimg2 {
	display: table;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
div.coverimg2 div.box1 {
	display: table-cell;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	width: 50%;
 vertical-align: top;
}
div.coverimg2 div.box2 {
	display: table-cell;
	margin: 0px;
	padding: 5px 5px 5px 0px;
    width: 50%;
 vertical-align: top;
}
}

/*-------------------------------------------------------------*/
/* BOX レイアウト 2段組みImages レイアウト */
/*  For mobaile under 640px */
div.cover3 {
	display: block;
    margin: 0px;
}
div.cover3 div.box1 {
	display: block;
	width: 95%;
	padding: 10px;
}
div.cover3 div.box2 {
	display: block;
	width: 95%;
padding: 10px;
}
div.cover3 div.box3 {
	display: block;
	width: 95%;
	padding: 10px;
}

/*  For tablet and PC over 640px */
 @media screen and (min-width:640px){
div.cover3 {
	display: table;
	border-spacing: 5px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
div.cover3 div.box1 {
	display: table-cell;
	margin: 0px;
	padding: 5px;
	width: 33.3%
}
div.cover3 div.box2 {
	display: table-cell;
	margin: 0px;
	padding: 5px;
	width: 33.3%
}
div.cover3 div.box3 {
	display: table-cell;
	margin: 0px;
	padding: 5px;
}
}

/*-------------------------------------------------------------*/
/*  オーダーフォーム用メニューバーマージン調整　　　　　　　　 */

.textbox__notop {
	display: table;
	border-spacing: 10px;
	margin: 0px;
	padding: 10px 0 0 0;
	width: 100%;
    font-size: 12px;
}

/*  For PC minmun 960px */
@media screen and (min-width: 960px) {
div.textbox__notop {
	padding: 50px 0 0 0;
	}
}

/*-------------------------------------------------------------*/
/*  Facebook            */
/*  For PC minmun 960px */
@media screen and (min-width: 960px) {
/* body { max-width: 960px; } */
.fb-container { width: 90%; max-width: 450px; margin:0 10px;}
}
/*  For tablet 640-959px */
@media (min-width: 640px) and (max-width: 959px) {
	body { max-width: 100%;}
.fb-container {	width: 90%; max-width: 350px; margin:0 10px;}
}
/*  For mobile 640px */
@media (min-width: 0px) and (max-width: 639px) {
	body { max-width: 100%;	}
.fb-container {	width: 90%;	max-width: 500px; margin:0 10px;}
}