@charset "utf-8";
/* CSS Document */

/************************************************
* リセットコード 								*
************************************************/
img	{
	vertical-align:bottom;
}

figure{
	margin:0;
	padding:0;
}

/**************** END リセットコード ************/

/************************************************
*  ページ全体の設定 							*
************************************************/

html {
  font-size: 100;
 
  @media (min-width: 800px) {
    font-size: 20px;
  }
}


#wrapper{
		width: 100vw;
		margin: 30px auto 0; /*左右マージンを自動にしてセンター寄せ*/
		font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
		font-size:100%;
		line-height:1.5;
		text-align:center;
}

article{
	margin-bottom:30px;
}


	

/********* END global nav設定 ***********/

/****************************************
* 　fotter設定						*
****************************************/
	

footer {
	background-color:#b89f4a;
	background-image:url(../img/race02.png);
	margin-bottom:30px;
	box-shadow:0 1px 6px #040000;
	height:120px;
	padding: 10px;
	clear:both; /*columnLとcolumunRの回り込みを解除*/
	
}

footer ul{
	width:950px;
	margin:0 auto;
}
	
footer ul li{
	float:right;
	text-align:center;
	margin-left:15px;

	
}

footer a{text-decoration:none;}
footer a:link { color: #fff; }    /* 未訪問のリンク */
footer a:visited { color: #fff; } /* 訪問済みのリンク */
footer a:hover { color: #673730;}   /* ポイント時のリンク */
footer a:active { color: #673730; }  /* 選択中のリンク */




/**************** END footer 設定 **************/

/****************************************
* バナーボタン設定						*
****************************************/
	
.banner {

	text-align:center;
	margin:30px auto;
}

.banner_left {
	margin:30px auto;
}

.banner li{
	margin-bottom:30px auto;
}
/************* END バナーボタン 設定 ***********/

.Headline{
	font-size:36px;	
	color:#FFF;
	background-color:#673730;
	box-shadow:2px 2px 4px #333;
	margin:50px 0 30px;
	text-align:center;
}


.ruled_line{

	border-bottom:dotted 2px #b89f48;
	margin-bottom:15px;
}

.ruled_line2{
	border-bottom:solid 1px #b89f48;
	margin-bottom:1px;
}

hr{
    border-top: 2px dotted #b89f48;
    border-right: none;
    border-bottom: none;
    border-left: none;

}	


#step {
	width:95%;
	background-color:#81cbc5;
	padding:15px;
	margin:15px auto;
	text-align:left;
	color:#673730;
}


	
#step h4{
	font-size:18px;
	font-weight:bold;
	
}

#step p{
	font-size:16px;
	margin-bottom:15px;
}

p.indentback{
  text-indent: -2em;
  padding-left: 2em;
  margin-bottom:10px;
}

/*********** ENDページ全体の設定 ********/

#TOP {
	background:#81D8D0;
	background-image:url(../img/background.png);
}
/****************************************
*  TOPページの設定						*
*****************************************/

/********************************************
*  TOP header 設定							*
*********************************************/

header{
	background-image:url(../img/main_img.jpg);
	background-repeat:no-repeat;
	background-position: 50%;
    background-size: cover;
	height:auto;
	text-align:center;
	margin:0 auto;
	box-shadow:0 2px 6px #040000;
}

header h1{
	padding-top:25px;
	padding-bottom:25px;
	text-align:center;
}

header h1 img{
   max-width: 80%;
   height: auto;
}

header h2{
		padding-bottom:50px;
}


header h2 img{
   max-width: 80%;
   height: auto;
}


/********** END header設定 **************/



/********* END TOPページの設定 **********/

/****************************************/
/* 　ORDERページ設定					*/
/****************************************/

.ORDER {
	background:#c8c6e3;
	background-image:url(../img/background.png);
}

.ORDER article{
	text-align:center;
}



.ORDER h2{
	margin-bottom:25px;
}




.howtoorder{
	text-align:left;
	width:100%;
	color:#673730;
	font-size:18px;
	background-image: url(../img/top.png) , url(../img/bottom.png);
	background-position: top center, bottom center;
  	background-repeat: repeat-x;
	background-color:rgba(255,255,255,0.5);
	padding:35px;
	margin:15px auto 100px;
	box-sizing: border-box;
	box-shadow:1px 1px 5px #666;
}

.howtoorder h2{
	background-image:url(../img/rose_s2.png);
	background-repeat:no-repeat;
	padding-left:30px;
	font-weight:800;
}

.howtoorder h3{
	color:#FFF;
	background-color:#b89f48;
	display:inline-block;
	padding: 3px 5px;
}

	


#wrapping {
	color:#fff;
	border:dotted 1px #fff;
	padding:14px;
}

#wrapping h4{
	background-image:url(../img/small_scissors.png);
	background-repeat:no-repeat;
	padding: 15px 0 15px 35px;
}

/* #loadarea
--------------------------- */
#loadarea {
    margin: 0 auto;
    width: 100%;
    text-align: center;	
	margin:5px;

}
 
#loadarea span {
    width: 230px;
	height:230px;
    text-align: center;
	margin:5px;

}
 
#loadarea img {
    width: 230px;
	height:230px;
    text-align: center;	
	margin:5px;

}
 
#loadmore {

    display: block;

}

#more {
	text-align:center;
	margin: 20px auto 50px;
}

#more a {
	margin:5px auto;
}



#instagram iframe{
	margin:0 auto;
	text-align:center;
}

#instagram h3{
	line-height:1;
	padding:5px 0;
}


.item_title a{text-decoration:none;}
.item_title a:link { color: #fff; }    /* 未訪問のリンク */
.item_title a:visited { color: #fff; } /* 訪問済みのリンク */
.item_title a:hover { color: #673730;}   /* ポイント時のリンク */
.item_title a:active { color: #673730; }  /* 選択中のリンク */





/****************************************
* 　CONTACTページ設定					*
****************************************/

#contact input,
textarea{
	display: block;
	margin-bottom:15px;
}
#contact 
input{
	width: 400px;
	margin-bottom:15px;
}

#contact input[type="submit"] {
	width: 150px;
	background-color: #b89f48;
	background-image: -webkit-linear-gradient(to bottom, #ffe7b8 0%, #b89f48 100%);
	background-image: linear-gradient(to bottom, #FFED6C 0%, #b89f48 100%);
	border: solid 1px #aaa;
	border-radius: 5px;
}

#contact textarea{
	width: 600px;
	height: 120px;
	margin-bottom:20px;
}

/****************************************
* 　アコーディオン設定					*
****************************************/

/*ラベル*/
.menu label {
    display: block;
    color :#2f8fcf;
    font-weight: bold; 
    cursor :pointer;
    transition: all 0.5s;
}



/*チェックは隠す*/
.menu input {
    display: none;
}

/*中身を非表示にしておく*/
.menu .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
 
    opacity: 1;
}